Multiple Sources

For this test, each browser is presented with a list of sources, the first being an FLV video. The table below lists which cases cause the browser to skip or attempt to download the FLV.

If not mentioned otherwise, every browser eventually played the format it supports (WebM or MP4).

BrowserNothingMimetypeMimetype;Codecs
Firefox 7loads flv, mp4, webmloads webmloads webm
Chrome 15- 1loads mp4loads mp4
Chrome 17- 1loads mp4loads mp4
Safari 5.1loads flv, mp4loads mp4loads mp4
Internet Explorer 9loads flv, mp4loads mp4loads mp4
Opera 11.5loads flv, mp4, webmloads webmloads webm
iOS 4 (iPod Touch 4)loads flv, mp4loads mp4loads mp4
iOS 5 (iPad 1)loads flv, mp4loads mp4loads mp4
Android 2.2 (HTC Legend)loads flv, mp4- 2- 2
Android 2.3 (HTC Desire)loads flv, mp4loads mp4loads mp4
Android 4.0 (Galaxy S2)loads flv 4loads flv 4loads flv 4
WinPho 7.5 (HTC Radar)loads mp4loads mp4loads mp4
  1. Browser attempts to play FLV, resulting in broken video element.
  2. A video with multiple sources only plays if the "type" attribute is omitted.
  3. Test not adequate, so replaced the FLV with WMV for Android 4.0.
  4. Placing MP4 first is desirable; tests with long WebM videos failing.

See the W3C video spec for more details on the source tag.


Test Tags

Our test video is 00:32 at 270p, with an encode in FLV (H263, MP3), MP4 (H264, AAC) and WebM (VP8, Vorbis).

Test using below video tag, by storing this page and setting different values to the type attribute (omit it, set only mimetype, set mimetype+codecs):