HTML5 Video Player logo
HTML5 Video Player for Mac and Windows

HTML5 Video and Audio Elements in IE9

HTML5 is the future of the web. There’s been a lot of posting about HTML5 video and video formats on the web recently. The new HTML5 video and audio elements are two of the most anticipated features with HTML5. Internet Explorer 9 HTML5 support has been a hot topic around the web. In this article we will deep further into the HTML5 video and audio elements in IE9.

The HTML5 specification has included the new video and audio elements in its embedded content section. They are the essential elements and tags to embed video and audio content into HTML pages.

HTML5 video IE9 – IE9 HTML5 video support chart

Internet Explorer 9 supports the following content formats:

Element name

IE9 Supported formats

video

MP4 container, H.264 video, Baseline, Main, and High profiles—audio in AAC or MP3

WebM video, if you have the VP8 codec installed

audio

MP3, and AAC in MP4 container

Note: MP4/H.264 is the only HTML5 video supported in IE9, see HTML5 video in Internet Explorer 9.

A sample HTML5 video template like this:

<video width="400" height="300" controls>
<source src="yourvideo.mp4" type="video/mp4" />
</video>

As we have mentioned above that IE9 supports MP4/H.264 as the only HTML5 video in IE9. However for greater HTML5 video browser support and more controls of the HTML5 video player in IE9 and other browsers, you can specify attributes for both elements in the HTML markup. Do not forget the space that HTML5 has left for website developers. You can add poster image, play controls, multiple media sources as bellow:

<video width="640" height="360" poster=" http://www.html5videoplayer.net/poster/toystory.jpg" autoplay controls loop >
<source src="http://www.html5videoplayer.net/videos/toystory.mp4" type="video/mp4" />
<source src="http://www.html5videoplayer.net/videos/toystory.ogv" type="video/ogg" />
<source src="http://www.html5videoplayer.net/videos/toystory.webm" type="video/webm" />
</video>

Here, Internet Explorer 9 picks the first listed supported format (in this case, the first MP4 source element, it does not support other two HTML5 video codecs as of now) and plays its associated source file.

The audio element in IE9 is defined similarly to the video element, but without the width, height, and poster attributes. To see more example of the HTML5 video and audio element in IE9, go to the HTML5 video player site.

,

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>