使用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 相关文章推荐
改变文件域的样式实现思路同时兼容ie、firefox
Oct 23 Javascript
jQuery插件datalist实现很好看的input下拉列表
Jul 14 Javascript
jQuery 3.0中存在问题及解决办法
Jul 15 Javascript
Javascript函数中的arguments.callee用法实例分析
Sep 16 Javascript
javascript 判断页面访问方式电脑或者移动端
Sep 19 Javascript
jQuery ajax MD5实现用户注册即时验证功能
Oct 11 Javascript
微信小程序 rpx 尺寸单位详细介绍
Oct 13 Javascript
JavaScript奇技淫巧44招【实用】
Dec 11 Javascript
Vue结合SignalR实现前后端实时消息同步
Sep 19 Javascript
通过js控制时间,一秒一秒自己动的实例
Oct 25 Javascript
JS中利用FileReader实现上传图片前本地预览功能
Mar 02 Javascript
JS实现返回上一页并刷新页面的方法分析
Jul 16 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深入浅出介绍
2006/12/06 PHP
php删除数组元素示例分享
2014/02/17 PHP
基于CI框架的微信网页授权库示例
2016/11/25 PHP
Laravel实现表单提交
2017/05/07 PHP
你的编程语言可以这样做吗?
2006/09/07 Javascript
学习YUI.Ext基础第一天
2007/03/10 Javascript
javascript各种复制代码收集
2008/09/20 Javascript
ExtJS 2.0实用简明教程 之ExtJS版的Hello
2009/04/29 Javascript
javascript document.referrer 用法
2009/04/30 Javascript
IE下双击checkbox反应延迟问题的解决方法
2014/03/27 Javascript
JS实现从网页顶部掉下弹出层效果的方法
2015/08/06 Javascript
JavaScript每天必学之基础知识
2016/09/17 Javascript
jQuery插件实现可输入和自动匹配的下拉框
2016/10/24 Javascript
Websocket协议详解及简单实例代码
2016/12/12 Javascript
基于vue-cli vue-router搭建底部导航栏移动前端项目
2018/02/28 Javascript
Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法
2018/08/08 Javascript
elementUI select组件value值注意事项详解
2019/05/29 Javascript
Javascript原生ajax请求代码实例
2020/02/20 Javascript
jquery实现的放大镜效果示例
2020/02/24 jQuery
Vue路由切换页面不更新问题解决方案
2020/07/10 Javascript
JavaScript实现拖拽和缩放效果
2020/08/24 Javascript
[58:42]DOTA2上海特级锦标赛C组败者赛 Newbee VS Archon第一局
2016/02/27 DOTA
Python获取远程文件大小的函数代码分享
2014/05/13 Python
Python类属性的延迟计算
2016/10/22 Python
windows下python连接oracle数据库
2017/06/07 Python
基于python元祖与字典与集合的粗浅认识
2017/08/23 Python
解决python多行注释引发缩进错误的问题
2019/08/23 Python
TensorFlow绘制loss/accuracy曲线的实例
2020/01/21 Python
利用jupyter网页版本进行python函数查询方式
2020/04/14 Python
美国专业级皮肤病和spa品质护肤品的高级零售网站:SkinCareRx
2017/02/06 全球购物
意大利时尚精品店:Nugnes 1920
2020/02/10 全球购物
优秀教师感人事迹材料
2014/05/04 职场文书
公务员考察材料
2014/12/23 职场文书
请假条应该怎么写?
2019/06/24 职场文书
利用Java设置Word文本框中的文字旋转方向的实现方法
2021/06/28 Java/Android
vue判断按钮是否可以点击
2022/04/09 Vue.js