How to check for html5 video support?

Is there any开发者_Go百科 JavaScript or any other way of checking for html5 video support?

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

Just a little refinement of sweets-BlingBling's answer : sorry - I can't comment yet :(

var isHTML5Video = (typeof(document.createElement('video').canPlayType) != 'undefined') ? true : false;

or even simpler (thanks digitalBath - as always I can't see the wood for the trees :) )

var isHTML5Video = (typeof(document.createElement('video').canPlayType) != 'undefined');

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

There, you get APIs as easy as

if (Modernizr.video) {
  // html5 video available
}

But many more features and more suitable APIs as well.

I use a slight variation of @sweets-BlingBling's answer, which is:

var hasVideo = !!document.createElement('video').canPlayType &&
               !!document.createElement('video').canPlayType('video/mp4')

This also checks whether the media type 'video/mp4' is actually playable (change this if your video has another media type, like 'video/webm' or 'video/ogg'). The method returns an empty String if the video definitely cannot be played and 'probably' or 'maybe' (actually, both results mean yes in most instances) otherwise. I had to add this for Chrome 41 (seemingly used in google crawler), which has canPlayType, but cannot play mp4 videos.

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>