使用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 相关文章推荐
Convert Seconds To Hours
Jun 16 Javascript
这段js代码得节约你多少时间
Dec 20 Javascript
div拖拽插件——JQ.MoveBox.js(自制JQ插件)
May 17 Javascript
JavaScript的Vue.js库入门学习教程
May 23 Javascript
浅谈JavaScript 浏览器对象
Jun 03 Javascript
使用bootstrapValidator插件进行动态添加表单元素并校验
Sep 28 Javascript
快速实现JS图片懒加载(可视区域加载)示例代码
Jan 04 Javascript
原生JS实现图片网格式渐显、渐隐效果
Jun 05 Javascript
详解Node.js中的Async和Await函数
Feb 22 Javascript
一步步教会你微信小程序的登录鉴权
Apr 09 Javascript
JQuery实现ajax请求的示例和注意事项
Dec 10 jQuery
JavaScript交换两个变量方法实例
Nov 25 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 set_time_limit()函数的使用详解
2013/06/05 PHP
PHP中鲜为人知的10个函数
2014/02/28 PHP
ThinkPHP调用common/common.php函数提示错误function undefined的解决方法
2014/08/25 PHP
php简单实现查询数据库返回json数据
2015/04/16 PHP
phpinfo()中Loaded Configuration File(none)的解决方法
2017/01/16 PHP
PHP用户注册邮件激活账户的实现代码
2017/05/31 PHP
jQuery EasyUI 中文API Button使用实例
2010/04/14 Javascript
js的逻辑运算符 ||
2010/05/31 Javascript
AJAX跨域请求json数据的实现方法
2013/11/11 Javascript
浅析基于WEB前端页面的页面内容搜索的实现思路
2014/06/10 Javascript
Js实现手机发送验证码时按钮延迟操作
2014/06/20 Javascript
jQuery实现气球弹出框式的侧边导航菜单效果
2015/09/22 Javascript
JavaScript中Function函数与Object对象的关系
2015/12/17 Javascript
基于Bootstrap使用jQuery实现简单可编辑表格
2016/05/04 Javascript
jQuery表单插件ajaxForm实例详解
2017/01/17 Javascript
Vue.js鼠标悬浮更换图片功能
2017/05/17 Javascript
原生js轮播特效
2017/05/18 Javascript
javascript定时器取消定时器及优化方法
2017/07/08 Javascript
微信小程序云开发之使用云数据库
2019/05/17 Javascript
浅谈redux, koa, express 中间件实现对比解析
2019/05/23 Javascript
[48:30]LGD vs infamous Supermajor小组赛D组 BO3 第一场 6.3
2018/06/04 DOTA
python保存字符串到文件的方法
2015/07/01 Python
十条建议帮你提高Python编程效率
2016/02/16 Python
Python实现破解猜数游戏算法示例
2017/09/25 Python
Python3安装Scrapy的方法步骤
2017/11/23 Python
Python enumerate索引迭代代码解析
2018/01/19 Python
opencv3/C++ 平面对象识别&透视变换方式
2019/12/11 Python
基于python检查SSL证书到期情况代码实例
2020/04/04 Python
Pythonic版二分查找实现过程原理解析
2020/08/11 Python
Html5获取高德地图定位天气的方法
2019/12/26 HTML / CSS
Styleonme中文网:韩国高档人气品牌
2017/06/21 全球购物
Python面试题集
2012/03/08 面试题
2014年五一促销活动方案
2014/03/09 职场文书
医疗专业毕业生求职信
2014/08/28 职场文书
新郎父母婚礼致辞
2015/07/27 职场文书
angular异步验证器防抖实例详解
2022/03/31 Javascript