使用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日历功能对象
Jan 12 Javascript
原生javascript和jquery判断浏览器版本等信息
Jul 04 Javascript
js中substring和substr的详细介绍与用法
Aug 29 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史
Jan 09 Javascript
JS实现获取键盘按下的按键并显示在页面上的方法
Nov 04 Javascript
vue双向数据绑定原理探究(附demo)
Jan 17 Javascript
bootstrap switch开关组件使用方法详解
Aug 22 Javascript
Puppeteer 爬取动态生成的网页实战
Nov 14 Javascript
详解JS浏览器事件循环机制
Mar 27 Javascript
js实现网页版贪吃蛇游戏
Feb 22 Javascript
Vue 中使用lodash对事件进行防抖和节流操作
Jul 26 Javascript
react项目从新建到部署的实现示例
Feb 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
20个PHP常用类库小结
2011/09/11 PHP
php轻松实现中英文混排字符串截取
2014/05/28 PHP
自编函数解决pathinfo()函数处理中文问题
2014/11/03 PHP
PHP使用适合阅读的格式显示文件大小的方法
2015/03/05 PHP
学习php设计模式 php实现工厂模式(factory)
2015/12/07 PHP
laravel 实现根据字段不同值做不同查询
2019/10/23 PHP
13个绚丽的Jquery 界面设计网站推荐
2010/09/28 Javascript
getComputedStyle与currentStyle获取样式(style/class)
2013/03/19 Javascript
js实现弹窗插件功能实例代码分享
2013/12/12 Javascript
JavaScript定时器和优化的取消定时器方法
2015/07/03 Javascript
Eclipse引入jquery报错如何解决
2015/12/01 Javascript
JS实现CheckBox复选框全选、不选或全不选功能
2020/07/28 Javascript
简单的js表格操作
2016/09/24 Javascript
js关于getImageData跨域问题的解决方法
2016/10/14 Javascript
jQuery实现拖拽可编辑模块功能代码
2017/01/12 Javascript
jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())
2018/10/10 jQuery
Vue学习笔记之计算属性与侦听器用法
2019/12/07 Javascript
JS几个常用的函数和对象定义与用法示例
2020/01/15 Javascript
python正常时间和unix时间戳相互转换的方法
2015/04/23 Python
tensorflow建立一个简单的神经网络的方法
2018/02/10 Python
Django重置migrations文件的方法步骤
2019/05/01 Python
python文件排序的方法总结
2020/09/13 Python
Linux常见面试题
2016/10/04 面试题
优秀的自荐信要注意哪些
2014/01/03 职场文书
《蒙娜丽莎之约》教学反思
2014/02/27 职场文书
食品安全处置方案
2014/06/14 职场文书
大学生学习面向未来的赶考思想汇报
2014/09/12 职场文书
2014入党积极分子破除“四风”思想汇报
2014/09/14 职场文书
政府个人对照检查材料思想汇报
2014/10/08 职场文书
暑期社会实践个人总结
2015/03/06 职场文书
小学推普周活动总结
2015/05/07 职场文书
搞笑结婚保证书
2015/05/08 职场文书
详解mysql三值逻辑与NULL
2021/05/19 MySQL
Oracle 死锁的检测查询及处理
2021/09/25 Oracle
Python实现为PDF去除水印的示例代码
2022/04/03 Python
《最终幻想14》6.01版本4月5日推出 追加新任务新道具
2022/04/03 其他游戏