Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 js检测浏览器是否支持html5中video标签

js检测浏览器是否支持html5中video标签

发布时间:2015-06-14   编辑:www.jquerycn.cn
本文介绍了使用js检测浏览器是否支持html5中的video标签的方法,很实用的脚本,有需要的朋友参考下吧。

例子,用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;

您可能感兴趣的文章:
js检测浏览器是否支持html5中video标签
HTML5 Video(视频)
HTML5中video标签如何使用
HTML5 video 实现浏览器兼容的方法
关于HTML5中video标签浏览器兼容性增强的方案分享
h5的新增标签和废弃标签
HTML5实现的在线视频播放
canvas与h5如何实现视频截图功能
html5中video标签的详细介绍
h5的28个新特性的详细介绍

关键词: html5  浏览器   
[关闭]