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


Posted in Javascript onMarch 12, 2014
//检测是否支持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 相关文章推荐
JavaScript 撑出页面文字换行
Jun 15 Javascript
使用focus方法让光标默认停留在INPUT框
Jul 29 Javascript
20个实用的JavaScript技巧分享
Nov 28 Javascript
Javascript字符串浏览器兼容问题分析
Dec 01 Javascript
JS动态添加iframe的代码
Sep 14 Javascript
基于JS判断iframe是否加载成功的方法(多种浏览器)
May 13 Javascript
jQuery height()、innerHeight()、outerHeight()函数的区别详解
May 23 Javascript
全面解析Bootstrap中tooltip、popover的使用方法
Jun 13 Javascript
AngularJS 验证码60秒倒计时功能的实现
Jun 05 Javascript
jQuery 1.9版本以上的浏览器判断方法代码分享
Aug 28 jQuery
微信小程序实现图片懒加载的示例代码
Dec 13 Javascript
vue实现在进行增删改操作后刷新页面
Aug 05 Javascript
利用Keydown事件阻止用户输入实现代码
Mar 11 #Javascript
JavaScript中奇葩的假值示例应用
Mar 11 #Javascript
Javascript加载速度慢的解决方案
Mar 11 #Javascript
js解析json读取List中的实体对象示例
Mar 11 #Javascript
JS图片无缝、平滑滚动代码
Mar 11 #Javascript
js 针对html DOM元素操作等经验累积
Mar 11 #Javascript
表单提交前触发函数返回true表单才会提交
Mar 11 #Javascript
You might like
微盾PHP脚本加密专家php解密算法
2020/09/13 PHP
php时区转换转换函数
2014/01/07 PHP
理解PHP中的stdClass类
2014/04/18 PHP
thinkphp实现上一篇与下一篇的方法
2014/12/08 PHP
php生成动态验证码gif图片
2015/10/19 PHP
PHP设计模式之简单工厂和工厂模式实例分析
2019/03/25 PHP
js 鼠标拖动对象 可让任何div实现拖动效果
2009/11/09 Javascript
关于跨站脚本攻击问题
2011/12/22 Javascript
javascript 系统文件夹文件操作及参数介绍
2013/01/08 Javascript
javascript对select标签的控制(option选项/select)
2013/01/31 Javascript
当前页禁止复制粘贴截屏代码小集
2013/07/24 Javascript
jquery统计输入文字的个数并对其进行判断
2014/01/07 Javascript
JS实现文字掉落效果的方法
2015/05/06 Javascript
c#程序员对TypeScript的认识过程
2015/06/19 Javascript
分步解析JavaScript实现tab选项卡自动切换功能
2016/01/25 Javascript
详解原生JavaScript实现jQuery中AJAX处理的方法
2016/05/10 Javascript
BootStrapTable服务器分页实例解析
2016/12/20 Javascript
JavaScript 函数节流详解及方法总结
2017/02/09 Javascript
Node.js如何响应Ajax的POST请求并且保存为JSON文件详解
2017/03/10 Javascript
Vue单文件组件的如何使用方式介绍
2017/07/28 Javascript
node.js 核心http模块,起一个服务器,返回一个页面的实例
2017/09/11 Javascript
Javascript中JSON数据分组优化实践及JS操作JSON总结
2017/12/22 Javascript
微信小程序支付PHP代码
2018/08/23 Javascript
vue设置全局访问接口API地址操作
2020/08/14 Javascript
[01:04:02]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第二场 1月24日
2021/03/11 DOTA
python实现从一组颜色中找出与给定颜色最接近颜色的方法
2015/03/19 Python
学习Python3 Dlib19.7进行人脸面部识别
2018/01/24 Python
python实现一个简单的并查集的示例代码
2018/03/19 Python
Python判断一个list中是否包含另一个list全部元素的方法分析
2018/12/24 Python
详解Pycharm出现out of memory的终极解决方法
2020/03/03 Python
CSS3 二级导航菜单的制作的示例
2018/04/02 HTML / CSS
ProBikeKit新西兰:自行车套件,跑步和铁人三项装备
2017/04/05 全球购物
职工运动会邀请函
2014/01/19 职场文书
交通事故委托书范本精选
2014/10/04 职场文书
军训阅兵新闻稿
2015/07/17 职场文书
Python中可变和不可变对象的深入讲解
2021/08/02 Python