Logo
  Sunday, May 20, 2012
Sign-In  |  Sign-Up  |  Contact Us  | Bookmark |  RSS Feed

HTML5 Tutorial FeedBurner

HTML5 Video Browser Support  
There are several major browsers that provide support for HTML5 video codec formats. However, this support is not universal and similar across all browsers. It is likely that you will have to produce your content in three different codec formats in order to cover all of the modern browsers.

This situation may change as more and more companies align behind one or two formats. Here is matrix of browsers and commonly supported codec formats:

  • Firefox supports: WebM, Ogg Theora
  • Opera supports: WebM, Ogg Theora
  • Safari supports: MPEG-4 H.264
  • Chrome supports: WebM, Ogg Theora and MPEG-4 H.264
  • IE supports: MPEG-4 H.264
As you can see, in order for your application that has embedded video or audio files to work, you need to encode it all three formats: WebM, Ogg Theora and MPEG-4 H.264. There are other formats that HTML5 relies on but these three are open source and widely used as of right now.

Examples of how to code it in HTML presented below:

<video src="TestVideo.ogv"></video>

<video src="TestVideo.webm"></video>

<video src="TestVideo.mp4"></video>

Print HTML5 Video Browser Support Bookmark HTML5 Video Browser Support

Related Articles  
Opening HTML5 Video in Full Screen Mode
These days videos come in very good quality and someof the paying sites provide HD quality videos as well. So, it is ...
HTML5 Baseline Codec Media Element
HTML5 baseline codec is a video and audio formats supported by all browsers. As a result, we can rely on this media ...
HTML5 Video Tag
HTML5 video tag is used to provide video content linkage within your HTML5 webpage. HTML5 video tag has "src" attribute ...
Custom HTML5 Video Controller
HTML5 video controller allows user to interact with your embedded video just like YouTube video player allows you to ...
HTML5 Video Conferencing
The HTML5 WebSockets allows HTML5 video conferencing and to share data through our web server with other user browsers. ...
HTML5 Video Sample Code
In order to create HTML5 video page, we need to create video file itself. There are many different video file formats ...
More