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

2014-03-12 11

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

复制小说文本时出现的随机乱码的去除方法
Sep 07 33
jcrop基本参数一览
Jul 16 18
Javascript页面添加到收藏夹的简单方法
Aug 07 10
Javascript解析URL方法详解
Dec 05 28
JavaScript将XML转成JSON的方法
Mar 12 25
Vue性能优化的方法
Jul 30 23
解决vue scoped html样式无效的问题
Oct 24 20
手机访问当前页面