[html5]用js判断用户终端浏览器是不是支持video视频标签的源代码

[html5]用js判断用户终端浏览器是不是支持video视频标签的源代码范例

//检测是否支持HTML5 
function checkVideo() { 
    if (!!document.createElement('video').canPlayType) { 
        var vidTest = document.createElement("video"); 
        oggTest = vidTest.canPlayType('video/ogg; codecs="theora, vorbis"'); 
        if (!oggTest) { 
            h264Test = vidTest.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"'); 
            if (!h264Test) { 
                return false; 
            } 
            else { 
                if (h264Test == "probably") { 
                    return true; 
                } 
                else { 
                    return false; 
                } 
            } 
        } 
        else { 
            if (oggTest == "probably") { 
                return true; 
            } 
            else { 
               return false; 
            } 
        } 
    } 
    else { 
        return false; 
    } 
} 

用上述的办法可以判断当前浏览器是否支持HTML5中的Video标签，并能支持使用MP4格式进行播放（因为Firefox貌似因为版权原因，不支持以H.264编码的MP4格式播放），如果返回true，则可以使用HTML5中的Video进行播放视频，返回false，则用Flash插件进行播放。此方法一般用于视频网站，兼容手机，平板等设备进行视屏的播放，主要还是为了兼容IOS。