A Comprehensive Website Planning Guide. Getting video onto your website -- Web video demystified. By Michael Bluejay • Feb. 2004 • Updated October 2010 This article explains about video & file formats, and helps you choose one to use on your website. If you're already familiar with this then you can go straight to the page with the actual HTML code to add video to site. Otherwise, keep reading for the basics. Web video can be confusing, but we're going to make it easy. The file format that holds the video, like .mp4, .flv, .f4v, .ogv, or .avi The video format (aka codec), like H.264, MPEG-4, or Theora The player that makes it available to your site visitors, such as the Adobe Flash Plugin, or the new <video></video> tag.
File Formats vs. One of the biggest sources of confusion about video is not realizing that the file format is completely different from the video format. Your movie.MP4 file is a container that can hold video encoded as either MPEG-4 or H.264.A movie.FLV (Flash) file could also hold H.264 video, or it could hold video encoded with vp6 or Sorenson Spark. .mp4 vs.
The actual code to get video onto your website - <video> & <object> tags. By Michael Bluejay • July 2010 • Updated Oct. 2010 This article is about the HTML code you use to get videos onto your website. If you need to learn about video formats first, please see my article on the basics of web video. What makes getting video onto your website a pain is that no one video format and file format is compatible with every browser. Here's the rundown. There is no one format that works on everything: Flash works on most browsers, but not on the iPhone or the iPad (and isn't preinstalled on post-Oct. 2010 Macs). The <video> tag works on those, but not in Internet Explorer (not even v.8). The <video> tag works in Safari, Chrome, and Firefox, but Firefox doesn't support .mp4 with that tag, only the more obscure .ogv. Safari, Chrome, and iPad/iPhone (<video> tag) If you only care to support Safari, Google Chrome, and Apple's iP*d products, the code is really simple: Here's video using the actual code above.
There, that's it, you're done. Of course you've got some options: .htaccess tricks and tips.. part two: url rewriting with mod rewrite. Corz.org uses cookies to remember that you've seen this notice explaining that corz.org uses cookies, okay! <ifModule> more clever stuff here </ifModule> redirecting and rewriting "The great thing about mod_rewrite is it gives you all the configurability and flexibility of Sendmail. The downside to mod_rewrite is that it gives you all the configurability and flexibility of Sendmail. " - Brian Behlendorf, Apache Group One of the more powerful tricks of the .htaccess hacker is the ability to rewrite URLs. Make no mistake, mod_rewrite is complex.
The way that rules can work one minute and then seem not to the next, how browser and other in-between network caches interact with rules and testing rules is often baffling, maddening. After all this, it does work, and while I'm not planning on taking that week-end crash-course any time soon, I have picked up a few wee tricks myself, messing around with web servers and web sites, this place.. Very little here is my own invention. Beginning rewriting..
CSS. Magento. WordPress. Web Design.