使用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 相关文章推荐
fromCharCode和charCodeAt 方法
Dec 27 Javascript
基于jquery的二级联动菜单实现代码
Apr 25 Javascript
jQuery实现类似滑动门切换效果的层切换
Sep 23 Javascript
用正则表达式替换图片地址img标签
Nov 22 Javascript
Css3制作变形与动画效果
Jul 24 Javascript
jquery trigger实现联动的方法
Feb 29 Javascript
JavaScript实现三级联动菜单实例代码
Jun 26 Javascript
详解Node项目部署到云服务器上
Jul 12 Javascript
bootstrap动态调用select下拉框的实例代码
Aug 09 Javascript
Vue中的验证登录状态的实现方法
Mar 09 Javascript
vue+element+Java实现批量删除功能
Apr 08 Javascript
读懂CommonJS的模块加载
Apr 19 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
基于xcache的配置与使用详解
2013/06/18 PHP
php抽奖小程序的实现代码
2013/06/18 PHP
解析php中var_dump,var_export,print_r三个函数的区别
2013/06/21 PHP
探讨:array2xml和xml2array以及xml与array的互相转化
2013/06/24 PHP
PHP中实现生成静态文件的方法缓解服务器压力
2014/01/07 PHP
PHP5.5.15+Apache2.4.10+MySQL5.6.20配置方法分享
2016/05/06 PHP
JS option location 页面跳转实现代码
2008/12/27 Javascript
Javascript学习笔记8 用JSON做原型
2010/01/11 Javascript
jquery子元素过滤选择器使用示例
2013/06/24 Javascript
js 去除字符串第一位逗号的方法
2014/06/07 Javascript
JavaScript中ES6 Babel正确安装过程
2016/07/18 Javascript
JS组件系列之使用HTML标签的data属性初始化JS组件
2016/09/14 Javascript
9个让JavaScript调试更简单的Console命令
2016/11/14 Javascript
ES6模块化的import和export用法方法总结
2017/08/08 Javascript
angular中子控制器向父控制器传值的实例
2018/10/08 Javascript
angular2 NgModel模块的具体使用方法
2019/04/10 Javascript
vue-loader中引入模板预处理器的实现
2019/09/04 Javascript
使用rpclib进行Python网络编程时的注释问题
2015/05/06 Python
将Django框架和遗留的Web应用集成的方法
2015/07/24 Python
Python调用SQLPlus来操作和解析Oracle数据库的方法
2016/04/09 Python
python数字图像处理之高级滤波代码详解
2017/11/23 Python
matplotlib绘图实例演示标记路径
2018/01/23 Python
tensorflow 恢复指定层与不同层指定不同学习率的方法
2018/07/26 Python
python利用插值法对折线进行平滑曲线处理
2018/12/25 Python
Python使用folium excel绘制point
2019/01/03 Python
python基本算法之实现归并排序(Merge sort)
2020/09/01 Python
美国著名童装品牌:OshKosh B’gosh
2016/08/05 全球购物
巴西体育用品商店:Lojão dos Esportes
2018/07/21 全球购物
大学生个人自我鉴定
2013/12/03 职场文书
创业计划实施的7大步骤
2014/02/05 职场文书
法律系毕业生求职信
2014/05/28 职场文书
学前班语言教学计划
2015/01/20 职场文书
全民创业工作总结
2015/08/13 职场文书
CSS 制作波浪效果的思路
2021/05/18 HTML / CSS
SpringBoot+Vue+JWT的前后端分离登录认证详细步骤
2021/09/25 Java/Android
SQLServer常见数学函数梳理总结
2022/08/05 MySQL