使用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 document.referrer判断访客来源网址
May 15 Javascript
jQuery实现切换页面布局使用介绍
Oct 09 Javascript
chrome原生方法之数组
Nov 30 Javascript
JavaScript 垃圾回收机制分析
Oct 10 Javascript
ParseInt函数参数设置介绍
Jan 02 Javascript
AngularJS中的模块详解
Jan 29 Javascript
jQuery添加和删除指定标签的方法
Dec 16 Javascript
bootstrap 表单验证使用方法
Jan 11 Javascript
vue-cli与webpack处理静态资源的方法及webpack打包的坑
May 15 Javascript
使用Nuxt.js改造已有项目的方法
Aug 07 Javascript
Vuejs+vue-router打包+Nginx配置的实例
Sep 20 Javascript
jquery html添加元素/删除元素操作实例详解
May 20 jQuery
利用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电台频率大全 - 26 西藏自治区
2020/03/11 无线电
PHP抽象类 介绍
2012/06/13 PHP
php连接mssql的一些相关经验及注意事项
2013/02/05 PHP
PHP中isset与array_key_exists的区别实例分析
2015/06/02 PHP
PHP读书笔记整理_结构语句详解
2016/07/01 PHP
PHP+fiddler抓包采集微信文章阅读数点赞数的思路详解
2019/12/20 PHP
Thinkphp 框架配置操作之配置加载与读取配置实例分析
2020/05/15 PHP
JavaScript中获取未知对象属性的代码
2011/04/27 Javascript
仅Firefox中链接A无法实现模拟点击以触发其默认行为
2011/07/31 Javascript
jquery zTree异步加载简单实例分享
2013/02/05 Javascript
javascript计算用户打开网页的停留时间
2014/01/09 Javascript
js实现跟随鼠标移动且带关闭功能的图片广告实例
2015/02/26 Javascript
JS+CSS实现表格高亮的方法
2015/08/05 Javascript
js中let和var定义变量的区别
2018/02/08 Javascript
JavaScript数组,JSON对象实现动态添加、修改、删除功能示例
2018/05/26 Javascript
修改vue+webpack run build的路径方法
2018/09/01 Javascript
angula中使用iframe点击后不执行变更检测的问题
2020/05/10 Javascript
Python实现的检测web服务器健康状况的小程序
2014/09/17 Python
python 输入一个数n,求n个数求乘或求和的实例
2018/11/13 Python
Python接口测试环境搭建过程详解
2020/06/29 Python
Django跨域请求原理及实现代码
2020/11/14 Python
2021年值得向Python开发者推荐的VS Code扩展插件
2021/01/25 Python
CSS3中引入多种自定义字体font-face
2020/06/12 HTML / CSS
简约控的天堂:The Undone
2016/12/21 全球购物
aden + anais官方网站:婴儿襁褓、毯子、尿布和服装
2017/06/21 全球购物
英国排名第一的在线宠物用品商店:Monster Pet Supplies
2018/05/20 全球购物
Lulu Guinness露露·吉尼斯官网:红唇包
2019/02/03 全球购物
澳大利亚手袋、珠宝和在线时尚精品店:The Way
2019/12/21 全球购物
马来西亚奢侈品牌购物商城:Valiram 247
2020/09/29 全球购物
优质的学校老师推荐信
2013/10/28 职场文书
教师师德反思材料
2014/02/15 职场文书
医疗纠纷协议书
2014/04/16 职场文书
学习心理学的体会
2014/11/07 职场文书
2015年大学迎新晚会总结
2015/07/16 职场文书
React 高阶组件HOC用法归纳
2021/06/13 Javascript
Rhit高效可视化Nginx日志查看工具
2021/11/01 Servers