How to check for html5 video support?

Question

Is there any JavaScript or any other way of checking for html5 video support?

Answer 1

Have a look at Modernizer: http://www.modernizr.com/

Answer 2

One way is to embed the html5 tags, and then put the alternate video viewer within the video tags as a "fallback". The fallback will get displayed if a browser doesnt recognize the tag. Its not strictly 'detecting' html5 video support, but may suit your needs.

<video src='...'>
    <embed flash player instead>
</video>

Answer 3

use:

<script>
alert(!!document.createElement('video').canPlayType);
</script>

if it alerts true implies that your browser supports HTML5 video tag

Here is the url to check HTML5 Browser compatibility http://www.html5test.com/ Open the url in your browser to test how well your browser supports html5