使用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 相关文章推荐
Jquey拖拽控件Draggable使用方法(asp.net环境)
Sep 28 Javascript
浏览器解析js生成的html出现样式问题的解决方法
Apr 16 Javascript
jquery 元素控制(追加元素/追加内容)介绍及应用
Apr 21 Javascript
使用jquery.upload.js实现异步上传示例代码
Jul 29 Javascript
浅谈Javascript变量作用域问题
Dec 16 Javascript
jquery模拟多级复选框效果的简单实例
Jun 08 Javascript
Angularjs中的页面访问权限怎么设置
Nov 11 Javascript
Node.js如何响应Ajax的POST请求并且保存为JSON文件详解
Mar 10 Javascript
基于JS代码实现简单易用的倒计时 x 天 x 时 x 分 x 秒效果
Jul 13 Javascript
小程序指纹验证的实现代码
Dec 04 Javascript
Node.js原生api搭建web服务器的方法步骤
Feb 15 Javascript
JS开发常用工具函数(小结)
Jul 04 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目录函数实现创建、读取目录教程实例
2011/01/13 PHP
php实现用户注册密码的crypt加密
2017/06/08 PHP
PHP单例模式与工厂模式详解
2017/08/29 PHP
用js实现手把手教你月入万刀(转贴)
2007/11/07 Javascript
一段实现页面上的图片延时加载的js代码
2010/02/11 Javascript
JS实现div内部的文字或图片自动循环滚动代码
2013/04/19 Javascript
js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器
2013/06/06 Javascript
jQuery 设置 CSS 属性示例介绍
2014/01/16 Javascript
JS实现控制表格只显示行边框或者只显示列边框的方法
2015/03/31 Javascript
javascript控制台详解
2015/06/25 Javascript
jquery特效 点击展示与隐藏全文
2015/12/09 Javascript
浅谈js中字符和数组一些基本算法题
2016/08/15 Javascript
详解ECharts使用心得总结
2016/12/06 Javascript
JS 组件系列之 bootstrap treegrid 组件封装过程
2017/04/28 Javascript
ionic2自定义cordova插件开发以及使用(Android)
2017/06/19 Javascript
JS 学习总结之正则表达式的懒惰性和贪婪性
2017/07/03 Javascript
ionic3+Angular4实现接口请求及本地json文件读取示例
2017/10/11 Javascript
JavaScript面向对象程序设计创建对象的方法分析
2018/08/13 Javascript
详解Vue源码之数据的代理访问
2018/12/11 Javascript
ES6中Symbol、Set和Map用法详解
2019/08/20 Javascript
Python实现类似jQuery使用中的链式调用的示例
2016/06/16 Python
Python基础学习之函数方法实例详解
2019/06/18 Python
Anaconda 查看、创建、管理和使用python环境的方法
2019/12/03 Python
python不使用for计算两组、多个矩形两两间的iou方式
2020/01/18 Python
Python参数传递及收集机制原理解析
2020/06/05 Python
tensorflow 2.1.0 安装与实战教程(CASIA FACE v5)
2020/06/30 Python
非洲NO.1网上商店:Jumia肯尼亚
2016/08/18 全球购物
党校培训自我鉴定范文
2014/04/10 职场文书
施工安全保证书
2015/05/09 职场文书
国王的演讲观后感
2015/06/03 职场文书
音乐课《小猫钓鱼》教学反思
2016/02/18 职场文书
餐厅如何利用“营销策略”扭转亏本局面
2019/10/15 职场文书
2021-4-3课程——SQL Server查询【2】
2021/04/05 SQL Server
CSS3 实现的图片悬停的切换按钮
2021/04/13 HTML / CSS
Python进度条的使用
2021/05/17 Python
html form表单基础入门案例讲解
2021/07/21 HTML / CSS