HTML5 Video Player » IE9 HTML5 video http://html5videoplayer.net/html5video Software for converting html5 video and embedding into websites! Tue, 13 Nov 2012 01:48:58 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Internet Explorer 9 HTML5 Support http://html5videoplayer.net/html5video/internet-explorer-9-html5-support/ http://html5videoplayer.net/html5video/internet-explorer-9-html5-support/#comments Tue, 24 Jul 2012 10:43:21 +0000 html5video http://html5videoplayer.net/html5video/?p=149 In a previous post, we wrote about the Safari browser support to HTML5, this article will talk about the Internet Explorer 9 HTML5 support. We have put together all the details in a chart, bellow IE9 HTML5 support chart shows the HTML5 compatibility with IE9 browser, IE9 html5 video support, etc.

IE9 html5 compatibility

Internet Explorer 9 HTML5 Support Chart

Parsing rules
<!DOCTYPE html> triggers standards mode Yes
HTML5 tokenizer Yes
HTML5 tree building Yes
SVG in text/html Yes
MathML in text/html Yes
Video
video element Yes
Subtitle support No
Poster image support Yes
MPEG-4 support Yes
H.264 support Yes
Ogg Theora support No
WebM support No
Audio
audio element Yes
PCM audio support Yes
AAC support Yes
MP3 support Yes
Ogg Vorbis support No
WebM support No
Canvas
canvas element Yes
2D context Yes
Text Yes
Elements
Embedding custom non-visible data Yes
New or modified elements
Global attributes or methods
hidden attribute Yes
Forms
Field types
Fields
Forms
User interaction
Drag and drop
HTML editing
Spellcheck
spellcheck attribute Yes
History and navigation
Session history Yes
Microdata 0
Microdata No
Web applications
Application Cache Yes
Custom scheme handlers No
Custom content handlers No
Custom search providers Unknown ?
Security
Sandboxed iframe Yes
Seamless iframe No
iframe with inline contents No
Various
Scoped style element No
Asyncronous script execution Yes
Runtime script error reporting Yes
Base64 encoding and decoding Yes
Location and Orientation
Geolocation Yes
Device Orientation Yes
WebGL
3D context No
Communication
Cross-document messaging Yes
Server-Sent Events Yes
WebSocket Yes
Files
FileReader API No
FileSystem API No
Storage
Session Storage Yes
Local Storage Yes
IndexedDB No
Web SQL Database Yes
Workers
Web Workers Yes
Shared Workers Yes
Local multimedia
Access the webcam No
Notifications
Web Notifications No
Other
Page Visibility No
Text selection Yes
Scroll into view Yes
Audio
Web Audio API No
Video and Animation
Full screen support No
window.requestAnimationFrame No

IE9 supports HTML5 video, HTML5 audio, HTML5 section, HTML5 article, HTML5 canvas, etc. But there are still a lot of HTML5 elements that IE 9 does not support, such as Application Cache (offline), Web Workers (threads in JavaScript), HTML5 Forms (validation mechanism, CSS3 selectors), JavaScript Strict Mode, ForeignObject (embed external content in SVG), SMIL Animations (SVG animations), File API, WebGL (3D), ClassList APIs, FormData, HTML5 History API, Drag’n Drop from Desktop, CSS3 Flex box model, CSS3 Border Image, CSS3 Gradients, CSS3 Text Shadow, CSS3 Transitions (for animations), etc.

From the IE9 HTML5 support chart above, it is clear that the HTML5 IE9 compatibility is relatively poor, Microsoft Internet Explorer is not as good as other vendors or browsers such as Apple Safari, Mozilla Firefox, etc. You can read more here: How well does IE9 support HTML5?

]]> http://html5videoplayer.net/html5video/internet-explorer-9-html5-support/feed/ 1 HTML5 Video and Audio Elements in IE9 http://html5videoplayer.net/html5video/html5-video-audio-elements-ie9/ http://html5videoplayer.net/html5video/html5-video-audio-elements-ie9/#comments Tue, 17 Jul 2012 09:35:34 +0000 html5video http://html5videoplayer.net/html5video/?p=184 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://html5videoplayer.net/poster/toystory.jpg" autoplay controls loop >
<source src="http://html5videoplayer.net/videos/toystory.mp4" type="video/mp4" />
<source src="http://html5videoplayer.net/videos/toystory.ogv" type="video/ogg" />
<source src="http://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.

]]> http://html5videoplayer.net/html5video/html5-video-audio-elements-ie9/feed/ 0