HTML5 Tag Support For All Browsers

HTML5 Videos is a very big feature which will render Flash videos almost useless, however not every browser supports HTML5 yet, the few that do also are either development versions or beta versions.

So, as a developer how would you switch to HTML videos? Well, there is a way by using a new JavaScript API which adds support for the HTML5 <video> tag in all browsers.

The API in question is called “html5media” and makes use of jQuery to display the default HTML5 video player if the browser supports it, or defaults to Flowplayer if the browser does not support it.

This will ensure that your <video> tag will play in all browsers, irrespective of whether they support it or not, definitely a good way to start using HTML5 videos in your project.

The only downside of this API is that you will have to include a JavaScript library in all pages that you want to insert the HTML5 videos in as shown below.

Once you do that, the html5media JavaScript library will take care of displaying the videos to both HTML5 browsers as well those which do not support it.

Download and Learn more about html5media. You can also view the demo of the script in action by visiting this page on a HTML5 compliant browser and one which does not support it. The only downside of this is that your video needs to be encoded in either the h.264 codec (mp4) or Theora codec (ogv).

Don’t miss these Related Posts:

• YouTube and Vimeo Support HTML5 Videos, Goodbye Flash
• Opera Adds Support for HTML5 Video Element: New 10.5 Pre-Alpha Build
• Play HTML5 Videos in Internet Explorer
• HTML5 Visual Cheat Sheet
• Zoho Adopting HTML5, Gears Is Going To RIP Soon

Join Techie Buzz on Your Favorite Social Networking Sites

• Become a Techie Buzz fan on Facebook
• Follow Techie Buzz on Twitter