A/V Formats
The tables on this test page enumerate support for various A/V formats across the browsers. All videos are 270p. For H264, Baseline profile is used. For AAC, LC profile is used.
| Browser | Video formats | Audio formats |
|---|
| Firefox 7 | WebM | Vorbis |
| Chrome 15 | MP4, WebM | AAC, MP3, Vorbis |
| Safari 5.1 | MP4 3 | AAC, MP3 2 |
| Internet Explorer 9 | MP4 | AAC, MP3 |
| Opera 11.5 | WebM | Vorbis |
| iOS 4 (iPod Touch 4) | MP4 | AAC, MP3 |
| iOS 5 (iPad 1) | MP4 | AAC, MP3 |
| Android 2.2 (HTC Legend) 1 | MP4 | AAC |
| Android 2.3 (HTC Desire) | MP4 | AAC, MP3 |
| Android 4.0 (Galaxy S2) | MP4, WebM, FLV | AAC, MP3, Vorbis 3 |
| WinPho 7.5 (HTC Radar) | MP4 | AAC, MP3 |
- Does not report anything on canPlayType()
- canPlayType() not reporting on Vorbis, but videos are playing
- Not working on Windows in QuickTime isn't installed.
Test Matrix
Here's a matrix with video and audio tags, each including a single source:
| MP4 Video |
AAC Audio |
| canPlayType (video/mp4): |
canPlayType (audio/mp4): |
|
|
|
| WebM Video |
Vorbis Audio |
| canPlayType (video/webm): |
canPlayType (audio/ogg): |
|
|
| FLV Video |
MP3 Audio |
| canPlayType (video/flv): |
canPlayType (audio/mpeg): |
|
|
|
The canPlayType results are queried like this:
return document.createElement('video').canPlayType('video/webm');