Internet Explorer 9 HTML5 Support
July 24, 2012 html5video HTML5 Video,
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.
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 |
| Section elements |
Yes |
section element |
Yes |
nav element |
Yes |
article element |
Yes |
aside element |
Yes |
hgroup element |
Yes |
| Grouping content elements |
Partial |
figure element |
Yes |
figcaption element |
Yes |
reversed attribute on the ol element |
No |
| Text-level semantic elements |
Partial |
mark element |
Yes |
ruby, rt and rp elements |
Yes |
time element |
No |
wbr element |
Yes |
| Interactive elements |
Partial |
details element |
No |
summary element |
Yes |
command element |
No |
| Global attributes or methods |
hidden attribute |
Yes |
| Dynamic markup insertion |
Yes |
outerHTML property |
Yes |
insertAdjacentHTML function |
Yes |
| Forms |
| Field types |
input type=text |
Partial |
| Minimal element support |
Yes |
| Selection Direction |
No |
input type=search |
Yes |
| Minimal element support |
Yes |
input type=tel |
Yes |
| Minimal element support |
Yes |
input type=url |
Yes |
| Minimal element support |
Yes |
| Field validation |
Yes |
input type=email |
Yes |
| Minimal element support |
Yes |
| Field validation |
Yes |
input type=datetime |
Yes |
| Minimal element support |
Yes |
| Custom user-interface |
Yes |
| Value sanitization |
Yes |
min attribute |
Yes |
max attribute |
Yes |
step attribute |
Yes |
stepDown() method |
Yes |
stepUp() method |
Yes |
input type=date |
Yes |
| Minimal element support |
Yes |
| Custom user-interface |
Yes |
| Value sanitization |
Yes |
min attribute |
Yes |
max attribute |
Yes |
step attribute |
Yes |
stepDown() method |
Yes |
stepUp() method |
Yes |
input type=month |
Yes |
| Minimal element support |
Yes |
| Custom user-interface |
Yes |
| Value sanitization |
Yes |
min attribute |
Yes |
max attribute |
Yes |
step attribute |
Yes |
stepDown() method |
Yes |
stepUp() method |
Yes |
input type=week |
Partial |
| Minimal element support |
Yes |
| Custom user-interface |
No |
| Value sanitization |
Yes |
min attribute |
Yes |
max attribute |
Yes |
step attribute |
Yes |
stepDown() method |
Yes |
stepUp() method |
Yes |
input type=time |
Yes |
| Minimal element support |
Yes |
| Custom user-interface |
Yes |
| Value sanitization |
Yes |
min attribute |
Yes |
max attribute |
Yes |
step attribute |
Yes |
stepDown() method |
Yes |
stepUp() method |
Yes |
input type=datetime-local |
Yes |
| Minimal element support |
Yes |
| Custom user-interface |
Yes |
| Value sanitization |
Yes |
min attribute |
Yes |
max attribute |
Yes |
step attribute |
Yes |
stepDown() method |
Yes |
stepUp() method |
Yes |
input type=number |
Partial |
| Minimal element support |
Yes |
| Custom user-interface |
No |
| Value sanitization |
Yes |
| Field validation |
Yes |
min attribute |
Yes |
max attribute |
Yes |
step attribute |
Yes |
stepDown() method |
Yes |
stepUp() method |
Yes |
input type=range |
Yes |
| Minimal element support |
Yes |
| Custom user-interface |
Yes |
| Value sanitization |
Yes |
min attribute |
Yes |
max attribute |
Yes |
step attribute |
Yes |
stepDown() method |
Yes |
stepUp() method |
Yes |
input type=color |
Partial |
| Minimal element support |
Yes |
| Custom user-interface |
No |
| Value sanitization |
No |
| Field validation |
Yes |
input type=checkbox |
Yes |
| Minimal element support |
Yes |
indeterminate property |
Yes |
input type=image |
Partial |
| Minimal element support |
Yes |
width property |
No |
height property |
No |
input type=file |
Yes |
| Minimal element support |
Yes |
files property |
Yes |
textarea |
Partial |
| Minimal element support |
Yes |
maxlength attribute |
Yes |
wrap attribute |
No |
select |
Yes |
| Minimal element support |
Yes |
required attribute |
Yes |
fieldset |
Partial |
| Minimal element support |
Yes |
elements attribute |
No |
disabled attribute |
No |
datalist |
No |
| Minimal element support |
No |
list attribute for fields |
No |
keygen |
Yes |
| Minimal element support |
Yes |
challenge attribute |
Yes |
keytype attribute |
Yes |
output |
Yes |
| Minimal element support |
Yes |
progress |
No |
| Minimal element support |
No |
meter |
No |
| Minimal element support |
No |
| Fields |
| Field validation |
Yes |
pattern attribute |
Yes |
required attribute |
Yes |
| Association of controls and forms |
Yes |
control property on labels |
Yes |
form property on fields |
Yes |
formAction property on fields |
Yes |
formEnctype property on fields |
Yes |
formMethod property on fields |
Yes |
formNoValidate property on fields |
Yes |
formTarget property on fields |
Yes |
labels property on fields |
Yes |
| Other attributes |
Partial |
autofocus attribute |
Yes |
autocomplete attribute |
No |
placeholder attribute |
Yes |
multiple attribute |
Yes |
dirName attribute |
No |
| CSS selectors |
Yes |
:valid selector |
Yes |
:invalid selector |
Yes |
 |
Yes |
:required selector |
Yes |
:in-range selector |
Yes |
ut-of-rangeselector |
Yes |
:read-write selector |
Yes |
:read-only selector |
Yes |
| Events |
Yes |
oninput event |
Yes |
onchange event |
Yes |
oninvalid event |
Yes |
| Forms |
| Form validation |
No |
checkValidity method |
Unknown ? |
noValidate attribute |
Unknown ? |
| User interaction |
| Drag and drop |
| Attributes |
No |
draggable attribute |
No |
dropzone attribute |
No |
| Events |
No |
ondrag event |
No |
ondragstart event |
No |
ondragenter event |
No |
ondragover event |
No |
ondragleave event |
No |
ondragend event |
No |
ondrop event |
No |
| HTML editing |
| Editing elements |
Yes |
contentEditable attribute |
Yes |
isContentEditable property |
Yes |
| Editing documents |
Yes |
designMode attribute |
Yes |
| APIs |
Yes |
execCommand method |
Yes |
queryCommandEnabled method |
Yes |
queryCommandIndeterm method |
Yes |
queryCommandState method |
Yes |
queryCommandSupported method |
Yes |
queryCommandValue method |
Yes |
| 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 |
| Native binary data |
Partial |
ArrayBuffer |
Yes |
Int8Array |
Yes |
Uint8Array |
Yes |
Int16Array |
Yes |
Uint16Array |
Yes |
Int32Array |
Yes |
Uint32Array |
Yes |
Float32Array |
Yes |
Float64Array |
No |
DataView |
Yes |
| Communication |
| Cross-document messaging |
Yes |
| Server-Sent Events |
Yes |
| XMLHttpRequest Level 2 |
Partial |
| Upload files |
Yes |
| Text response type |
Yes |
| Document response type |
No |
| Array buffer response type |
Yes |
| Blob response type |
No |
| 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:
HTML5 IE9 compatibility, IE9 HTML5 support, IE9 HTML5 video
[...] 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 [...]