Video on HTML5
Showing off video on various WEB-browser might be a really big hassle. Just like many others also myself went through lots of trouble to ensure my Time Lapse sequences can be viewed in the most popular browsers like Google Chrome, Firefox, Safari, MS Internet Explorer and Opera. Not only that, I wanted the code for this web-page to conform to the HTML5 specifications. Easier said than done, but it's done. Thanks to other people who did the hard work like the folks at Miro who wrote the Miro-Video Converter that converts most video formats to any other video format. And also thanks to MARK PILGRIM who wrote the extensive paper Dive into HTML5 - read it and make it work for you!
Here is the quick summary to publish your videos without spending hours to get the job done: From one video you need the Miro Converter to create three (3) versions in the formats for .mp4, .ogv and .webm. Upload these files to your server, adapt and include the following code-snippet into your html5-code:
<video width="<# of pixels>" height="<# of pixels>" poster="/<path>/<poster-filename>.jpg" preload="metadata" controls> <source src="/<path>/<video-filename>.mp4" type="video/mp4" /> <source src="/<path>/<video-filename>.ogv" type="video/ogg" /> <source src="/<path>/<video-filename>.webm" type="video/webm" /> Sorry, you need an HTML5 capable browser to watch this video! </video>
Basically that's all! Ain't that a bitch.