使用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 相关文章推荐
科讯商业版中用到的ajax空间与分页函数
Sep 02 Javascript
javascript 动态生成私有变量访问器
Dec 06 Javascript
jquery实现网站超链接和图片提示效果
Mar 21 Javascript
js变换显示图片的实例
Apr 16 Javascript
js实现window.open不被拦截的解决方法汇总
Oct 30 Javascript
jQuery使用之标记元素属性用法实例
Jan 19 Javascript
js实现简洁的TAB滑动门效果代码
Sep 06 Javascript
javascript实现九宫格相加数值相等
May 28 Javascript
node.js实现复制文本到剪切板的功能
Jan 23 Javascript
详解axios中封装使用、拦截特定请求、判断所有请求加载完毕)
Apr 09 Javascript
vue router 传参获取不到的解决方式
Nov 13 Javascript
javascript前端和后台进行数据交互方法示例
Aug 07 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继承的一个应用
2011/09/06 PHP
php中global和$GLOBALS[]的分析之一
2012/02/02 PHP
php number_format() 函数通过千位分组来格式化数字的实现代码
2013/08/06 PHP
php截取字符串函数substr,iconv_substr,mb_substr示例以及优劣分析
2014/06/10 PHP
php 变量引用与变量销毁机制详细介绍
2016/12/05 PHP
asp.net和php的区别点总结
2019/10/10 PHP
PHP执行系统命令函数实例讲解
2021/03/03 PHP
表单提交时自动复制内容到剪贴板的js代码
2007/03/16 Javascript
用roll.js实现的图片自动滚动+鼠标触动的特效
2007/03/18 Javascript
div移动 输入框不能输入的问题
2009/11/19 Javascript
js实现的真正的iframe高度自适应(兼容IE,FF,Opera)
2010/03/07 Javascript
奉献给JavaScript初学者的编写开发的七个细节
2011/01/11 Javascript
Jquery中Ajax 缓存带来的影响的解决方法
2011/05/19 Javascript
S2SH整合JQuery+Ajax实现登录验证功能实现代码
2013/01/30 Javascript
从数据结构的角度分析 for each in 比 for in 快的多
2013/07/07 Javascript
javaScript面向对象继承方法经典实现
2013/08/20 Javascript
jquery获得keycode的示例代码
2013/12/30 Javascript
jQuery实现判断滚动条到底部
2015/06/23 Javascript
jQuery解析Json实例详解
2015/11/24 Javascript
全面了解js中的script标签
2016/07/04 Javascript
ES6下React组件的写法示例代码
2017/05/04 Javascript
微信小程序使用Promise简化回调
2018/02/06 Javascript
nodejs的安装使用与npm的介绍
2019/09/11 NodeJs
[04:49]2014DOTA2国际邀请赛 Newbee顺利挺进总决赛 ImbaTV独家专访
2014/07/19 DOTA
Python实现的统计文章单词次数功能示例
2019/07/08 Python
python实现递归查找某个路径下所有文件中的中文字符
2019/08/31 Python
python异常处理、自定义异常、断言原理与用法分析
2020/03/23 Python
英语商务邀请函范文
2014/01/16 职场文书
《自然之道》教学反思
2014/02/11 职场文书
一句话工作感言
2014/03/01 职场文书
医学检验专业自荐信
2014/09/18 职场文书
罚站检讨书
2015/01/29 职场文书
电气工程师岗位职责
2015/02/12 职场文书
Django 如何实现文件上传下载
2021/04/08 Python
Python自动操作神器PyAutoGUI的使用教程
2022/06/16 Python