使用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 相关文章推荐
js prototype 格式化数字 By shawl.qiu
Apr 02 Javascript
js监听输入框值的即时变化onpropertychange、oninput
Jul 13 Javascript
JS和jquery获取各种屏幕的宽度和高度的代码
Aug 02 Javascript
如何动态的导入js文件具体该怎么实现
Jan 14 Javascript
JS实现浏览器状态栏显示时间的方法
Oct 27 Javascript
jQuery+CSS3文字跑马灯特效的简单实现
Jun 25 Javascript
JS 组件系列之BootstrapTable的treegrid功能
Jun 16 Javascript
jQuery实现导航栏头部菜单项点击后变换颜色的方法
Jul 19 jQuery
vue组件表单数据回显验证及提交的实例代码
Aug 30 Javascript
微信小程序视图容器(swiper)组件创建轮播图
Jun 19 Javascript
JS求1到任意数之间的所有质数的方法详解
May 20 Javascript
Node.js API详解之 string_decoder用法实例分析
Apr 29 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
全国FM电台频率大全 - 7 吉林省
2020/03/11 无线电
谈谈PHP语法(2)
2006/10/09 PHP
php截取后台登陆密码的代码
2012/05/05 PHP
Yii框架引入coreseek分页功能示例
2019/02/08 PHP
firefox下frameset取不到值的解决方法
2010/09/06 Javascript
js实现双向链表互联网机顶盒实战应用实现
2011/10/28 Javascript
jQuery UI Dialog 创建友好的弹出对话框实现代码
2012/04/12 Javascript
JavaScript中双叹号!!作用示例介绍
2014/09/21 Javascript
分享我的jquery实现下拉菜单心的
2015/11/29 Javascript
easyui messager alert 三秒后自动关闭提示的实例
2016/11/07 Javascript
微信小程序 Windows2008 R2服务器配置TLS1.2方法
2016/12/05 Javascript
使用webpack和rollup打包组件库的方法
2021/02/25 Javascript
python数据封装json格式数据
2018/03/04 Python
Django中反向生成models.py的实例讲解
2018/05/30 Python
Python异常的检测和处理方法
2018/10/26 Python
使用pygame写一个古诗词填空通关游戏
2019/12/03 Python
TensorFlow设置日志级别的几种方式小结
2020/02/04 Python
Python多进程编程multiprocessing代码实例
2020/03/12 Python
浅谈Keras中shuffle和validation_split的顺序
2020/06/19 Python
Scrapy模拟登录赶集网的实现代码
2020/07/07 Python
AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码
2020/08/19 HTML / CSS
系统管理员的职责包括那些?管理的对象是什么?
2013/01/18 面试题
职称自我鉴定
2013/10/15 职场文书
建材业务员岗位职责
2013/12/08 职场文书
周鸿祎:教你写创业计划书
2013/12/30 职场文书
入党申请自荐书范文
2014/02/11 职场文书
送餐员岗位职责范本
2014/02/21 职场文书
市场营销专业大学生职业生涯规划文
2014/03/06 职场文书
《得道多助,失道寡助》教学反思
2014/04/19 职场文书
健康状况证明模板
2014/10/23 职场文书
2015年小学生新年寄语
2014/12/08 职场文书
采购员岗位职责范本
2015/04/07 职场文书
2015年办税服务厅工作总结
2015/07/23 职场文书
体育部部长竞选稿
2015/11/21 职场文书
利用Selenium添加cookie实现自动登录的示例代码(fofa)
2021/05/08 Python
oracle delete误删除表数据后如何恢复
2022/06/28 Oracle