Supporting most browsers requires encoding a video into multiple formats, then serving up the right one to a browser. In this recipe we will use an online video display library named vid.ly (http://www.vid.ly) to prepare and share a video on a page reliably across multiple browsers and make the background color change over time.
You will need a video to upload to http://www.vid.ly. Some browsers do not allow files to be served locally, so you may also want a location where you can upload your files and test pages.
Type <!DOCTYPE html> <html lang="en"> <head>
, then begin adding style declarations by typing <style type="text/css"> h2{color:#303;}
.
Style a div to contain featured content: #featured {position:relative; padding: 40px; width: 480px; background-color:#000000; outline: #333 solid 10px; }
.
Type video {padding: 3px;background-color:black;}
to create the style for the video tag, then...