使用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技术技巧大全(五)
Jan 22 Javascript
用javascript实现给出的盒子的序列是否可连为一矩型
Aug 30 Javascript
js自定义事件及事件交互原理概述(二)
Feb 01 Javascript
jQuery针对各类元素操作基础教程
Aug 29 Javascript
js贪吃蛇网页版游戏特效代码分享(挑战十关)
Aug 24 Javascript
javascript多物体运动实现方法分析
Jan 08 Javascript
js 获取范围内的随机数实例代码
Aug 02 Javascript
对javascript继承的理解
Oct 11 Javascript
jquery实现input框获取焦点的简单实例
Jan 26 Javascript
使用Vuex实现一个笔记应用的方法
Mar 13 Javascript
JS中call和apply函数用法实例分析
Jun 20 Javascript
利用node.js开发cli的完整步骤
Dec 29 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
smarty模板引擎从php中获取数据的方法
2015/01/22 PHP
PHP SPL标准库之接口(Interface)详解
2015/05/11 PHP
google地图的路线实现代码
2009/08/20 Javascript
js正则表达式的使用详解
2013/07/09 Javascript
JS生成不重复随机数组的函数代码
2014/06/10 Javascript
jquery动态分页效果堪比时光网
2014/09/25 Javascript
jQuery 实现侧边浮动导航菜单效果
2014/12/26 Javascript
jQuery中nextUntil()方法用法实例
2015/01/07 Javascript
Node.js实现数据推送
2016/04/14 Javascript
Node.js与Sails redis组件的使用教程
2017/02/14 Javascript
bootstrap fileinput组件整合Springmvc上传图片到本地磁盘
2017/05/11 Javascript
puppeteer库入门初探
2019/01/09 Javascript
详解如何在Vue项目中发送jsonp请求
2019/10/25 Javascript
vue中动态select的使用方法示例
2019/10/28 Javascript
vue实现两个区域滚动条同步滚动
2020/12/13 Vue.js
python如何派生内置不可变类型并修改实例化行为
2018/03/21 Python
django框架实现一次性上传多个文件功能示例【批量上传】
2019/06/19 Python
Python设置matplotlib.plot的坐标轴刻度间隔以及刻度范围
2019/06/25 Python
Flask框架单例模式实现方法详解
2019/07/31 Python
Python中生成一个指定长度的随机字符串实现示例
2019/11/06 Python
Django 解决由save方法引发的错误
2020/05/21 Python
Python预测2020高考分数和录取情况
2020/07/08 Python
CSS3 简写animation
2012/05/10 HTML / CSS
芬兰灯具网上商店:Nettilamppu.fi
2018/06/30 全球购物
Zooplus葡萄牙:欧洲领先的网上宠物商店
2018/07/01 全球购物
英国DVD和蓝光碟片购买网站:Zoom.co.uk(电影和电视)
2019/09/23 全球购物
Roxy荷兰官方网站:冲浪、滑雪板、服装和配件
2019/10/22 全球购物
Booking.com亚太地区:Booking.com APAC
2020/02/07 全球购物
shell的种类有哪些
2015/04/15 面试题
公务员培训心得体会
2013/12/28 职场文书
业务部经理岗位职责
2014/01/04 职场文书
学校安全教育制度
2014/01/31 职场文书
高中生旷课检讨书
2014/10/08 职场文书
2015年中学元旦晚会活动方案
2014/12/09 职场文书
小学母亲节活动总结
2015/02/10 职场文书
2015年秘书个人工作总结
2015/04/25 职场文书