使用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 hasFocus使用实例
Jun 29 Javascript
子页向父页传值示例
Nov 27 Javascript
JavaScript中的apply和call函数详解
Jul 20 Javascript
JavaScript设计模式之建造者模式介绍
Dec 28 Javascript
JS中处理时间之setUTCMinutes()方法的使用
Jun 12 Javascript
jQueryUI DatePicker 添加时分秒
Jun 04 Javascript
jQuery1.9+中删除了live以后的替代方法
Jun 17 Javascript
纯JS代码实现隔行变色鼠标移入高亮
Nov 23 Javascript
JavaScript中双符号的运算详解
Mar 12 Javascript
JavaScript实现短暂提示框功能
Apr 04 Javascript
JavaScript继承定义与用法实践分析
May 28 Javascript
JavaScript引用类型Array实例分析
Jul 24 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输出1000以内质数(素数)示例
2014/02/16 PHP
php上传文件并存储到mysql数据库的方法
2015/03/16 PHP
PHP排序算法类实例
2015/06/17 PHP
php+html5基于websocket实现聊天室的方法
2015/07/17 PHP
PHP控制反转(IOC)和依赖注入(DI)
2017/03/13 PHP
解决Jquery load()加载GB2312页面时出现乱码的两种方案
2013/09/10 Javascript
jQuery中clearQueue()方法用法实例
2014/12/29 Javascript
JavaScript入门教程之引用类型
2016/05/04 Javascript
简单实现jQuery进度条轮播实例代码
2016/06/20 Javascript
概述BootStrap中role="form"及role作用角色
2016/12/08 Javascript
原生js编写焦点图效果
2016/12/08 Javascript
Highcharts+NodeJS搭建数据可视化平台示例
2017/01/01 NodeJs
详解Vue爬坑之vuex初识
2017/06/14 Javascript
ionic环境配置及问题详解
2017/06/27 Javascript
详解vue-router 路由元信息
2017/09/13 Javascript
原生js实现仿window10系统日历效果的实例
2017/10/31 Javascript
nodejs基础之常用工具模块util用法分析
2018/12/26 NodeJs
微信小程序中显示倒计时代码实例
2019/05/09 Javascript
[01:48]完美圣典齐天大圣至宝宣传片
2016/12/17 DOTA
Python os模块学习笔记
2015/06/21 Python
Python实现简单的HttpServer服务器示例
2017/09/25 Python
通过python扫描二维码/条形码并打印数据
2019/11/14 Python
windows、linux下打包Python3程序详细方法
2020/03/17 Python
keras中epoch,batch,loss,val_loss用法说明
2020/07/02 Python
Django通过设置CORS解决跨域问题
2020/11/26 Python
Python基于Faker假数据构造库
2020/11/30 Python
Selenium 安装和简单使用的实现
2020/12/04 Python
CSS3系列之3D制作方法案例
2017/08/14 HTML / CSS
Bibloo匈牙利:女装、男装、童装及鞋子和配饰
2019/04/14 全球购物
设计部经理的岗位职责
2013/11/16 职场文书
收款授权委托书
2014/10/02 职场文书
2015年文员个人工作总结
2015/04/09 职场文书
2015年超市工作总结
2015/04/09 职场文书
新教师2015年度工作总结
2015/07/22 职场文书
vue实现在data里引入相对路径
2022/06/05 Vue.js
小程序实现侧滑删除功能
2022/06/25 Javascript