The first step on our journey in creating responsive video content is to determine which video format we're going to use. There are several video formats available for use in the browser, but the two worth noting are WebM and MP4. The former is still supported within Firefox, Chrome, and Opera only; the latter is supported by all of the main desktop browsers, except IE8 and Opera. For the purposes of creating responsive content, we still need to work with both though, as the mobile platform has yet to decide on a common standard:
|
Browser |
Firefox |
Chrome |
Safari |
IE (9+) |
Opera |
iOS |
Android |
|
Format supported |
MP4 |
MP4 |
MP4 |
MP4 |
WebM |
MP4, WebM |
MP4, WebM |
This table can also be referred to at http://www.jwplayer.com/html5/ (in the article "The State of HTML5 Video", by Jeroen Wijering).
As the HTML5 video standard is still in something of a state of flux, it is worth checking the CanIUse.com site, to keep abreast of progress at http://caniuse...