使用js检测浏览器是否支持html5中的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；

您可能感兴趣的文章:

• jquery html5 视频播放控制代码
• javascript实现简单的html5视频播放器
• 关于Android HTML5 audio autoplay无效问题的解决方案
• 详解HTML5 使用video标签实现选择摄像头功能
• transform实现HTML5 video标签视频比例拉伸实例详解
• Android编程使WebView支持HTML5 Video全屏播放的解决方法
• 一个html5播放视频的video控件只支持android的默认格式mp4和3gp
• HTML5视频播放标签video和音频播放标签audio标签的正确用法