Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Desktop:</p> <ul> <li>IE6-8: None</li> <li>IE9-10: H.264</li> <li>Chrome: WebM and H.264</li> <li>Firefox 3.6: Ogg Theora</li> <li>Firefox 4+: WebM</li> <li>Opera: WebM</li> <li>Safari: H.264</li> </ul> <p>Mobile:</p> <ul> <li>iOS: H.264</li> <li>Chrome Android: H.264 and WebM</li> <li>Firefox Android: H.264 and WebM</li> <li>IE for Windows Phone 7.5 - 8: H.264</li> <li>Opera 12: H.264</li> </ul> <p>See <a href="http://html5test.com/compare/browser/chrome25/ie10/ff19.html" rel="nofollow">HTML5 Test</a> for more information. Notes: the default browser for Android (called "Browser") doesn't list support for any codec, but I think it's up to the phone vendors to decide this, I'm pretty sure you can guarantee H.264 as hardware acceleration for that codec tends to be built into mobile processors. Also regarding Firefox for Desktop, it's getting H.264 support <a href="https://hacks.mozilla.org/2013/01/firefox-development-highlights-h-264-mp3-support-on-windows-scoped-stylesheets-more/" rel="nofollow">later this year</a>.</p> <p><strong>Edit: above support matrix was updated on 2013/03/22</strong></p> <hr> <p>So the two video formats you'd need to support are WebM and H.264. But seems that H.264 is increasingly becoming the de-facto standard for video on the web.</p> <p><strong>DON'T</strong> use user agent sniffing, it's notoriously unreliable and error prone. There are simply better ways of detecting <code>&lt;video&gt;</code> tag support.</p> <p>For instance, have a look at <a href="http://www.modernizr.com/docs/#video" rel="nofollow">Modernizer</a> which lets you write:</p> <pre><code>if (!Modernizr.video) { // Implement some Flash fallback } </code></pre> <p>or, if you're explicitly detecting a particular codec...</p> <pre><code>if (!Modernizr.video || (Modernizr.video &amp;&amp; !Modernizr.video.h264)) { // Flash fallback here } </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload