使用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 相关文章推荐
在JavaScript中通过URL传递汉字的方法
Apr 09 Javascript
js中的数组Array定义与sort方法使用示例
Aug 29 Javascript
JS基于面向对象实现的放烟花效果
May 07 Javascript
使用canvas实现仿新浪微博头像截取上传功能
Sep 02 Javascript
JS函数修改html的元素内容,及修改属性内容的方法
Oct 28 Javascript
AngularJS constant和value区别详解
Feb 28 Javascript
基于js中document.cookie全面解析
Sep 14 Javascript
vue使用element-ui的el-input监听不了回车事件的解决方法
Jan 12 Javascript
解决VUE框架 导致绑定事件的阻止冒泡失效问题
Feb 24 Javascript
默认浏览器设置及vue自动打开页面的方法
Sep 21 Javascript
js中火星坐标、百度坐标、WGS84坐标转换实现方法示例
Mar 02 Javascript
Vue实现浏览器打印功能的代码
Apr 17 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生成验证码函数
2015/10/20 PHP
微信自定义分享php代码分析
2016/11/24 PHP
php json相关函数用法示例
2017/03/28 PHP
javascript 嵌套的函数(作用域链)
2010/03/15 Javascript
关于include标签导致js路径找不到的问题分析及解决
2013/07/09 Javascript
JS实现根据当前文字选择返回被选中的文字
2014/05/21 Javascript
jQuery实现获取隐藏div高度的方法示例
2017/02/09 Javascript
JavaScript数据结构之二叉树的遍历算法示例
2017/04/13 Javascript
vue 设置路由的登录权限的方法
2018/07/03 Javascript
JavaScript实现的滚动公告特效【基于jQuery】
2019/07/10 jQuery
nodejs实现的http、https 请求封装操作示例
2020/02/06 NodeJs
基于JS+HTML实现弹窗提示是否确认提交功能
2020/06/17 Javascript
vue 实现图片懒加载功能
2020/12/31 Vue.js
[32:26]EG vs IG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python实现逆波兰计算表达式实例详解
2015/05/06 Python
你真的了解Python的random模块吗?
2017/12/12 Python
python判断一个数是否能被另一个整数整除的实例
2018/12/12 Python
Python第三方库h5py_读取mat文件并显示值的方法
2019/02/08 Python
python线程中的同步问题及解决方法
2019/08/29 Python
Python argparse模块应用实例解析
2019/11/15 Python
Python自定义聚合函数merge与transform区别详解
2020/05/26 Python
Scrapy中如何向Spider传入参数的方法实现
2020/09/28 Python
关于Python字符编码与二进制不得不说的一些事
2020/10/04 Python
Python之qq自动发消息的示例代码
2021/02/18 Python
CSS3模拟IOS滑动开关效果
2016/09/28 HTML / CSS
美国在线购买空气净化器、除湿器、加湿器网站:AllergyBuyersClub
2021/03/16 全球购物
怎样在 Applet 中建立自己的菜单(MenuBar/Menu)?
2012/06/20 面试题
仓库门卫岗位职责
2013/12/22 职场文书
高中生家长会演讲稿
2014/01/14 职场文书
高二英语教学反思
2014/01/19 职场文书
2014年“四风”问题个人整改措施
2014/09/17 职场文书
企业授权委托书范本
2014/09/22 职场文书
公务员检讨书
2014/11/01 职场文书
python开发实时可视化仪表盘的示例
2021/05/07 Python
使用nginx配置访问wgcloud的方法
2021/06/26 Servers
Win11显卡控制面板打开显卡设置方法
2022/04/20 数码科技