使用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中节点的最近的相关节点访问方法
Mar 20 Javascript
jQuery列表拖动排列具体实现
Nov 04 Javascript
Jquery通过Ajax方式来提交Form表单的具体实现
Nov 07 Javascript
JS判断两个时间大小的示例代码
Jan 28 Javascript
jquery中attr和prop的区别分析
Mar 16 Javascript
js获取及修改网页背景色和字体色的方法
Dec 29 Javascript
JSON中key动态设置及JSON.parse和JSON.stringify()的区别
Dec 29 Javascript
js 性能优化之快速响应的用户界面
Feb 15 Javascript
vue-cli的eslint相关用法
Sep 29 Javascript
Angular中sweetalert弹框的基本使用教程
Jul 22 Javascript
JS 设计模式之:单例模式定义与实现方法浅析
May 06 Javascript
element中Steps步骤条和Tabs标签页关联的解决
Dec 08 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 实现进制转换(二进制、八进制、十六进制)互相转换实现代码
2010/10/22 PHP
PHP static局部静态变量和全局静态变量总结
2014/03/02 PHP
PHPExcel实现表格导出功能示例【带有多个工作sheet】
2018/06/13 PHP
论坛里点击别人帖子下面的回复,回复标题变成“回复 24# 的帖子”
2009/06/14 Javascript
JS 控制非法字符的输入代码
2009/12/04 Javascript
6款经典实用的jQuery小插件及源码(对话框/提示工具等等)
2013/02/04 Javascript
JS中捕获console.log()输出的方法
2015/04/16 Javascript
jQuery检查事件是否触发的方法
2015/06/26 Javascript
ie下js不执行的几种可能
2017/02/28 Javascript
微信小程序的分类页面制作
2017/06/27 Javascript
利用jQuery异步上传文件的插件用法详解
2017/07/19 jQuery
vue父组件向子组件(props)传递数据的方法
2018/01/02 Javascript
Vue.js 动态为img的src赋值方法
2018/03/14 Javascript
解决Mac下安装nmp的淘宝镜像失败问题
2018/05/16 Javascript
node.js的Express服务器基本使用教程
2019/01/09 Javascript
通过cordova将vue项目打包为webapp的方法
2019/02/02 Javascript
详解Vue的组件中data选项为什么必须是函数
2020/08/17 Javascript
跟老齐学Python之有容乃大的list(2)
2014/09/15 Python
python验证码识别教程之滑动验证码
2018/06/04 Python
Python中__slots__属性介绍与基本使用方法
2018/09/05 Python
Python通过TensorFlow卷积神经网络实现猫狗识别
2019/03/14 Python
Python实现最常见加密方式详解
2019/07/13 Python
python保存log日志,实现用log日志画图
2019/12/24 Python
德国帽子专家:Hutshopping
2019/11/03 全球购物
巴西购物网站:Submarino
2020/01/19 全球购物
Burt’s Bees英国官网:世界领先的天然个人护理品牌
2020/08/17 全球购物
广告学专业推荐信范文
2013/11/23 职场文书
年会活动策划方案
2014/01/23 职场文书
幼儿园教师教育感言
2014/02/28 职场文书
中学教师师德师风演讲稿
2014/08/22 职场文书
傲慢与偏见读书笔记
2015/06/29 职场文书
执行力心得体会范文
2016/01/11 职场文书
2019学子的答谢词范本!
2019/07/05 职场文书
Java网络编程之UDP实现原理解析
2021/09/04 Java/Android
人物搭配车车超萌联名预备中 【咒术迴战】 ⨯ 【天竺鼠车车】 展开合作
2022/04/11 日漫
MySQL 原理与优化之原数据锁的应用
2022/08/14 MySQL