Ogg-Theora video is the open source codec supported by Firefox, Chrome, and Opera to play HTML5 video. If the world were perfect, and all browsers supported Ogg Theora this would be the HTML code to play this simple HTML5 video demo:

<video src="Videos/cat.ogv" controls></video>

If you use this format instead, you will be ready to add the code to play H.264 and Flash:

<video width="320" height="240" poster="Videos/cat.jpg" controls>
<source src="Videos/cat.ogv" type"video/ogg">

</video>

where “poster” is the image used while the video is loading, “width” and “height” refer to the video dimensions, and “controls” adds the native video controls. The Dev Opera site has information on other attributes and also how to script your own controls.

Continue reading →

Safari, Firefox, and Chrome now support HTML5 video; Opera support is coming soon.  Since the iPhone does not support Flash (and there are more users every day, especially with the iPad coming), it’s time to begin the transition.  I was interested in a solution that supplemented or enhanced the Flash video using JWPlayer that I have been using for several years.  Here is a demo of simple HTML5 video.

There are a number of methods for using HTML5 and Flash together:

• html5 video fallbacks with markup
• Video for Everybody! This also includes an example for editing the .htaccess file in the footer of the post.
• Video Tag Embed With Fallbacks
• Video on the Web
• Using the HTML5 <video> tag with a Flash fallback
• Fallback options for HTML5 video
• Introduction to HTML5 video

Continue reading →