使用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实战_读书笔记1—选择jQuery
Jan 22 Javascript
基于jquery的地址栏射击游戏代码
Mar 10 Javascript
推荐40个非常优秀的jQuery插件和教程【系列三】
Nov 09 Javascript
JQuery的Ajax请求实现局部刷新的简单实例
Feb 11 Javascript
iframe里面的元素触发父窗口元素事件的jquery代码
Oct 19 Javascript
详解JavaScript中的4种类型识别方法
Sep 14 Javascript
javascript中的previousSibling和nextSibling的正确用法
Sep 16 Javascript
dul无法加载bootstrap实现unload table/user恢复
Sep 29 Javascript
详解Angular模板引用变量及其作用域
Nov 23 Javascript
JavaScript工具库之Lodash详解
Jun 15 Javascript
解决layui数据表格table的横向滚动条显示问题
Sep 04 Javascript
js实现验证码干扰(静态)
Feb 22 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的mysqli_ssl_set()函数讲解
2019/01/23 PHP
PHP读取目录树的实现方法分析
2019/03/22 PHP
PHP发送邮件确认验证注册功能示例【修改别人邮件类】
2019/11/09 PHP
JavaScript 设计模式学习 Singleton
2009/07/27 Javascript
jquery 插件开发备注
2010/08/27 Javascript
Jquery数独游戏解析(一)-页面布局
2010/11/05 Javascript
js数组循环遍历数组内所有元素的方法
2014/01/18 Javascript
jQuery中next方法用法实例
2015/04/24 Javascript
js实现键盘Enter键提交表单的方法
2015/05/27 Javascript
js实现超酷的照片墙展示效果图附源码下载
2015/10/08 Javascript
基于javascript实现泡泡大冒险网页版小游戏
2016/03/23 Javascript
使用JS轻松实现ionic调用键盘搜索功能(超实用)
2016/09/06 Javascript
JS实现元素上下左右移动效果
2017/10/18 Javascript
浅谈vue的几种绑定变量的值 防止其改变的方法
2018/03/01 Javascript
基于html+css+js实现简易计算器代码实例
2020/02/28 Javascript
使用element-ui +Vue 解决 table 里包含表单验证的问题
2020/07/17 Javascript
JavaScript实现拖拽和缩放效果
2020/08/24 Javascript
[50:01]Ti4 冒泡赛第二天 NEWBEE vs Titan
2014/07/15 DOTA
[01:08:09]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第二局
2016/03/02 DOTA
Python实现的维尼吉亚密码算法示例
2018/04/12 Python
python自定义函数实现一个数的三次方计算方法
2019/01/20 Python
Python实现去除列表中重复元素的方法总结【7种方法】
2019/02/16 Python
python 随机森林算法及其优化详解
2019/07/11 Python
Python抓新型冠状病毒肺炎疫情数据并绘制全国疫情分布的代码实例
2020/02/05 Python
python Django 反向访问器的外键冲突解决
2020/05/20 Python
为什么相对PHP黑python的更少
2020/06/21 Python
Canvas系列之滤镜效果
2019/02/12 HTML / CSS
什么是serialVersionUID
2016/03/04 面试题
什么是GWT的Module
2013/01/20 面试题
英语道歉信范文
2014/01/09 职场文书
幼儿园小班评语
2014/04/18 职场文书
百日安全生产活动总结
2014/07/05 职场文书
竞选班长演讲稿400字
2014/08/22 职场文书
无子女夫妻离婚协议书(4篇)
2014/10/20 职场文书
《和时间赛跑》读后感3篇
2019/12/16 职场文书
单机多实例部署 MySQL8.0.20
2022/05/15 MySQL