使用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入门教程(11) js事件处理
Jan 31 Javascript
Extjs学习笔记之二 初识Extjs之Form
Jan 07 Javascript
js css后面所带参数含义介绍
Aug 18 Javascript
JavaScript中的类与实例实现方法
Jan 23 Javascript
JS实现随机乱撞彩色圆球特效的方法
May 05 Javascript
jQuery遍历节点树方法分析
Sep 08 Javascript
详解Javascript中DOM的范围
Feb 13 Javascript
vue.js响应式原理解析与实现
Jun 22 Javascript
vuex页面刷新后数据丢失的方法
Jan 17 Javascript
小程序如何自主实现拦截器的示例代码
Nov 04 Javascript
微信小程序实现下滑到底部自动翻页功能
Mar 07 Javascript
JavaScript canvas实现文字时钟
Jan 10 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
PHP5 安装方法
2006/10/09 PHP
第四节 构造函数和析构函数 [4]
2006/10/09 PHP
Content-type 的说明
2006/10/09 PHP
PHP实现简单实用的分页类代码
2016/04/08 PHP
php获取flash尺寸详细数据的方法
2016/11/12 PHP
php如何把表单内容提交到数据库
2019/07/08 PHP
Javascript打印网页部分内容的脚本
2008/11/17 Javascript
Domino中运用jQuery读取视图内容的方法
2009/10/21 Javascript
JS将秒换成时分秒实现代码
2013/09/03 Javascript
JS+CSS设置img在DIV中只显示Img垂直居中的部分
2013/10/24 Javascript
jQuery(js)获取文字宽度(显示长度)示例代码
2013/12/31 Javascript
Javascript中setTimeOut和setInterval的定时器用法
2015/06/12 Javascript
Javascript编程之继承实例汇总
2015/11/28 Javascript
vue-router 学习快速入门
2017/03/01 Javascript
javascript html5轻松实现拖动功能
2017/03/01 Javascript
React如何将组件渲染到指定DOM节点详解
2017/09/08 Javascript
jQuery实现滚动效果
2017/11/17 jQuery
简单的三步vuex入门
2018/05/20 Javascript
js实现整体缩放页面适配移动端
2020/03/31 Javascript
Ubuntu 14.04+Django 1.7.1+Nginx+uwsgi部署教程
2014/11/18 Python
python深度优先搜索和广度优先搜索
2018/02/07 Python
python实现指定文件夹下的指定文件移动到指定位置
2018/09/17 Python
Python eval的常见错误封装及利用原理详解
2019/03/26 Python
python画图——实现在图上标注上具体数值的方法
2019/07/08 Python
django queryset相加和筛选教程
2020/05/18 Python
Python使用re模块验证危险字符
2020/05/21 Python
sqlalchemy实现时间列自动更新教程
2020/09/02 Python
使用python对excel表格处理的一些小功能
2021/01/25 Python
css3 transform及原生js实现鼠标拖动3D立方体旋转
2016/06/20 HTML / CSS
金融管理应届生求职信
2014/02/20 职场文书
德能勤绩廉个人总结
2015/02/14 职场文书
大学同学聚会感言
2015/07/30 职场文书
MySQL 时间类型的选择
2021/06/05 MySQL
能用CSS实现的就不要麻烦JavaScript了
2021/10/05 HTML / CSS
在NumPy中深拷贝和浅拷贝相关操作的定义和背后的原理
2022/04/14 Python
python中mongodb包操作数据库
2022/04/19 Python