使用js检测浏览器是否支持html5中的video标签的方法

2014-03-12 34

//检测是否支持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;

展开阅读全文

更多Javascript文章

js鼠标单击和双击事件冲突问题的快速解决方法
Jul 11 46
老生常谈javascript变量的命名规范和注释
Sep 29 41
Bootstrap实现圆角、圆形头像和响应式图片
Dec 14 42
详解vue父子组件间传值(props)
Jun 29 45
vue实现表格数据的增删改查
Jul 10 46
vue 做移动端微信公众号采坑经验记录
Apr 26 36
JSON生成Form表单的方法示例
Nov 21 40
手机访问当前页面