使用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异步循环获取功能实现代码
Sep 19 Javascript
JavaScript格式化数字的函数代码
Nov 30 Javascript
javascript调试过程中找不到哪里出错的可能原因
Dec 16 Javascript
浅谈JS闭包中的循环绑定处理程序
Nov 09 Javascript
JavaScript实现算术平方根算法-代码超简单
Sep 11 Javascript
jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
Jul 09 Javascript
js中小数向上取整数,向下取整数,四舍五入取整数的实现(必看篇)
Feb 13 Javascript
Bootstrap进度条与AJAX后端数据传递结合使用实例详解
Apr 23 Javascript
Vue实现购物车功能
Apr 27 Javascript
使用JS编写的随机抽取号码的小程序
Aug 11 Javascript
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
Mar 15 Javascript
一篇文章带你从零快速上手Rollup
Sep 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
SONY ICF-SW55的电路分析
2021/03/02 无线电
通过对服务器端特性的配置加强php的安全
2006/10/09 PHP
ThinkPHP CURD方法之order方法详解
2014/06/18 PHP
php+mysql开发的最简单在线题库(在线做题系统)完整案例
2019/03/30 PHP
Laravel5.7 Eloquent ORM快速入门详解
2019/04/12 PHP
jQuery 性能优化指南(2)
2009/05/21 Javascript
根据邮箱的域名跳转到相应的登录页面的代码
2012/02/27 Javascript
jcrop基本参数一览
2013/07/16 Javascript
JavaScript中isPrototypeOf函数作用和使用实例
2015/06/01 Javascript
jQuery中的ready函数与window.onload谁先执行
2016/06/21 Javascript
使用Angular缓存父页面数据的方法
2017/01/03 Javascript
vue.js删除动态绑定的radio的指定项
2017/06/02 Javascript
用vue的双向绑定简单实现一个todo-list的示例代码
2017/08/03 Javascript
详解vue 模拟后台数据(加载本地json文件)调试
2017/08/25 Javascript
详解Webpack实战之构建 Electron 应用
2017/12/25 Javascript
详解ES6 系列之异步处理实战
2018/10/26 Javascript
解决vue组件中click事件失效的问题
2019/11/09 Javascript
微信小程序自定义扫码功能界面的实现代码
2020/07/02 Javascript
[01:16:28]DOTA2-DPC中国联赛 正赛 iG vs Magma BO3 第二场 2月23日
2021/03/11 DOTA
使用python和pygame绘制繁花曲线的方法
2018/02/24 Python
Python3的高阶函数map,reduce,filter的示例详解
2019/07/23 Python
Django学习之文件上传与下载
2019/10/06 Python
Python txt文件常用读写操作代码实例
2020/08/03 Python
CSS3转换功能transform主要属性值分析及实现分享
2012/05/06 HTML / CSS
CSS3实现酷炫的3D旋转透视效果
2019/11/21 HTML / CSS
GANT英国官方网上商店:甘特衬衫
2018/02/06 全球购物
伦敦著名的运动鞋综合商店:Footpatrol
2019/03/25 全球购物
硕士生工作推荐信
2014/03/07 职场文书
基层党组织公开承诺书
2014/03/28 职场文书
运动会加油口号
2014/06/07 职场文书
秋季运动会加油词
2015/07/18 职场文书
2015年秋学期师德师风建设工作总结
2015/10/23 职场文书
解决vue $http的get和post请求跨域问题
2021/06/07 Vue.js
Mysql 如何查询时间段交集
2021/06/08 MySQL
React 并发功能体验(前端的并发模式)
2021/07/01 Javascript
python 详解turtle画爱心代码
2022/02/15 Python