使用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 相关文章推荐
jQuery分别获取选中的复选框值的示例
Jun 17 Javascript
jsonp跨域请求数据实现手机号码查询实例分析
Dec 12 Javascript
JavaScript遍历Json串浏览器输出的结果不统一问题
Nov 03 Javascript
Form表单按回车自动提交表单的实现方法
Nov 18 Javascript
浅谈JS验证表单文本域输入空格的问题
Feb 14 Javascript
JavaScript中创建对象的7种模式详解
Feb 21 Javascript
使用pkg打包Node.js应用的方法步骤
Oct 19 Javascript
vue项目打包之后背景样式丢失的解决方案
Jan 17 Javascript
如何实现一个简易版的vuex持久化工具
Sep 11 Javascript
JS实现百度搜索框关键字推荐
Feb 17 Javascript
代码块高亮可复制显示js插件highlight.js+clipboard.js整合
Feb 15 Javascript
JavaScript圣杯布局与双飞翼布局实现案例详解
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大批量插入数据库的3种方法和速度对比
2014/07/08 PHP
php单态设计模式(单例模式)实例
2014/11/18 PHP
WordPress后台中实现图片上传功能的实例讲解
2016/01/11 PHP
javascript 表格排序和表头浮动效果(扩展SortTable)
2009/04/07 Javascript
7款风格新颖的jQuery/CSS3菜单导航分享
2013/04/23 Javascript
javascript按位非运算符的使用方法
2013/11/14 Javascript
用队列模拟jquery的动画算法实例
2015/01/20 Javascript
关于JS 预解释的相关理解
2016/06/28 Javascript
深入理解vue中的$set
2017/06/01 Javascript
记React connect的几种写法(小结)
2018/09/18 Javascript
JavaScript跳出循环的三种方法(break, return, continue)
2019/07/30 Javascript
javascript二维数组和对象的深拷贝与浅拷贝实例分析
2019/10/26 Javascript
Python脚本实现格式化css文件
2015/04/08 Python
python关闭windows进程的方法
2015/04/18 Python
Python3写入文件常用方法实例分析
2015/05/22 Python
Python实现LRU算法的2种方法
2015/06/24 Python
在arcgis使用python脚本进行字段计算时是如何解决中文问题的
2015/10/18 Python
python爬虫 正则表达式使用技巧及爬取个人博客的实例讲解
2017/10/20 Python
Python3使用正则表达式爬取内涵段子示例
2018/04/22 Python
python里dict变成list实例方法
2019/06/26 Python
python之拟合的实现
2019/07/19 Python
python选取特定列 pandas iloc,loc,icol的使用详解(列切片及行切片)
2019/08/06 Python
python 一篇文章搞懂装饰器所有用法(建议收藏)
2019/08/23 Python
Python 如何实现数据库表结构同步
2020/09/29 Python
15个Pythonic的代码示例(值得收藏)
2020/10/29 Python
HTML5 canvas绘制的玫瑰花效果
2014/05/29 HTML / CSS
BONIA官方网站:国际奢侈品牌和皮革专家
2016/11/27 全球购物
承办会议欢迎词
2014/01/17 职场文书
学习雷锋月活动总结
2014/07/03 职场文书
租房安全协议书
2014/08/20 职场文书
个人工作表现评价材料
2014/09/21 职场文书
教师学习三严三实心得体会
2014/10/13 职场文书
单位考核聘任报告
2015/03/02 职场文书
2015年数学教研工作总结
2015/07/22 职场文书
修改并编译golang源码的操作步骤
2021/07/25 Golang
python数据可视化使用pyfinance分析证券收益示例详解
2021/11/20 Python