使用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 相关文章推荐
点图片上一页下一页翻页效果
Jul 09 Javascript
判断某个字符在一个字符串中是否存在的js代码
Feb 28 Javascript
JS实现点击按钮自动增加一个单元格的方法
Mar 09 Javascript
jQuery支持动态参数将函数绑定到事件上的方法
Mar 17 Javascript
实例代码讲解jquery easyui动态tab页
Nov 17 Javascript
完美解决spring websocket自动断开连接再创建引发的问题
Mar 02 Javascript
js 概率计算(简单版)
Sep 12 Javascript
详解Vue内部怎样处理props选项的多种写法
Nov 06 Javascript
axios+Vue实现上传文件显示进度功能
Apr 14 Javascript
vue实现二级导航栏效果
Oct 19 Javascript
layui form表单提交后实现自动刷新
Oct 25 Javascript
解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题
Oct 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
第十节 抽象方法和抽象类 [10]
2006/10/09 PHP
详解PHP+AJAX无刷新分页实现方法
2015/11/03 PHP
PHP使用PHPExcel删除Excel单元格指定列的方法
2016/07/06 PHP
php异步:在php中使用fsockopen curl实现类似异步处理的功能方法
2016/12/10 PHP
javascript 事件绑定问题
2011/01/01 Javascript
DOM 中的事件处理介绍
2012/01/18 Javascript
12款经典的白富美型—jquery图片轮播插件—前端开发必备
2013/01/08 Javascript
jQuery .attr()和.removeAttr()方法操作元素属性示例
2013/07/16 Javascript
javascript禁用Tab键脚本实例
2013/11/22 Javascript
浅谈 jQuery 事件源码定位问题
2014/06/18 Javascript
js获取checkbox值的方法
2015/01/28 Javascript
15款最好的Bootstrap在线编辑器
2016/08/03 Javascript
关于webuploader插件使用过程遇到的小问题
2016/11/07 Javascript
nodejs连接mongodb数据库实现增删改查
2016/12/01 NodeJs
JS排序之冒泡排序详解
2017/04/08 Javascript
微信小程序使用progress组件实现显示进度功能【附源码下载】
2017/12/12 Javascript
Vue常见面试题整理【值得收藏】
2018/09/20 Javascript
微信小程序实现的canvas合成图片功能示例
2019/05/03 Javascript
vue项目中使用bpmn为节点添加颜色的方法
2020/04/30 Javascript
[52:44]VGJ.T vs infamous Supermajor小组赛D组败者组第一轮 BO3 第一场 6.3
2018/06/04 DOTA
[01:05:56]Liquid vs VP Supermajor决赛 BO 第二场 6.10
2018/07/04 DOTA
Python时间戳与时间字符串互相转换实例代码
2013/11/28 Python
Python的加密模块md5、sha、crypt使用实例
2014/09/28 Python
浅析Python中的序列化存储的方法
2015/04/28 Python
Python查询IP地址归属完整代码
2017/06/21 Python
python 二维矩阵转三维矩阵示例
2019/11/30 Python
python如何实现复制目录到指定目录
2020/02/13 Python
Django添加bootstrap框架时无法加载静态文件的解决方式
2020/03/27 Python
利用CSS3实现自定义滚动条代码分享
2016/08/18 HTML / CSS
Java中有几种类型的流?JDK为每种类型的流提供了一些抽象类以供继承,请说出他们分别是哪些类?
2012/05/30 面试题
毕业生自我推荐
2013/11/04 职场文书
酒店应聘自荐信
2013/11/09 职场文书
新闻编辑专业毕业自荐书范文
2014/02/05 职场文书
广告设计应届生求职信
2014/03/01 职场文书
房地产项目建议书
2014/03/12 职场文书
建筑工程造价专业自荐信
2014/07/08 职场文书