如何查看浏览器对html5的支持情况


Posted in HTML / CSS onDecember 15, 2020

http://html5test.com/

如何查看浏览器对html5的支持情况

视频和音频代码检测

function CheckAudio(){
           var myAudio=document.createElement("audio");
 
           if(myAudio.canPlayType){
 
               if(""!=myAudio.canPlayType("audio/mpeg")){
                   document.write("你的浏览器支持mp3格式<br/>");
 
               }
               if(""!=myAudio.canPlayType('audio/ogg;codecs="vorbis"')){
                   document.write("你的浏览器支持ogg编码<br/>")
 
               }
               if(""!=myAudio.canPlayType('audio/mp4;codecs="mp4a.40.5"')){
                   document.write("你的浏览器支持aac编码。<br/>");
               }
           }
           else{
               document.write("你的浏览器不不支持检测的音频格式");
           }
       }
    
    
   function checkVideo(){
       var myVideo=document.createElement("video");
 
       if(myVideo.canPlayType){
           if(""!=myVideo.canPlayType('video/mp4;codecs="avc1.64001E"')){
               document.write("你的浏览器支持h264格式<br/>");
           }
           if(""!=myVideo.canPlayType('video/ogg;codecs="vp8"')){
               document.write("你的浏览器支持vp8格式<br/>");
           }
           if(""!=myVideo.canPlayType('video/ogg;codecs="theora"')){
               document.write("你的浏览器支持theora格式<br/>");
           }
       }else{
           document.write("你的浏览器不支持要检测的视频格式");
       }
   }

到此这篇关于如何查看浏览器对html5的支持情况的文章就介绍到这了,更多相关浏览器对html5的支持情况内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章,希望大家以后多多支持三水点靠木!

HTML / CSS 相关文章推荐
CSS3正方体旋转示例代码
Aug 08 HTML / CSS
利用CSS3把图片变成灰色模式的实例代码
Sep 06 HTML / CSS
浅谈css3中的渐进增强和优雅降级
Dec 01 HTML / CSS
详解HTML5 LocalStorage 本地存储
Dec 23 HTML / CSS
video结合canvas实现视频在线截图功能
Jun 25 HTML / CSS
让IE支持HTML5的方法
Dec 11 HTML / CSS
基于Modernizr 让网站进行优雅降级的分析
Apr 21 HTML / CSS
html5使用canvas画一条线
Dec 15 HTML / CSS
HTML5如何使用SVG的方法示例
Jan 11 HTML / CSS
html5自定义video标签的海报与播放按钮功能
Dec 04 HTML / CSS
canvas如何实现多张图片编辑的图片编辑器
Mar 10 HTML / CSS
CSS使用SVG实现动态分布的圆环发散路径动画
Dec 24 HTML / CSS
如何使用canvas绘制可移动网格的示例代码
Dec 14 #HTML / CSS
HTML5 body设置全屏背景图片的示例代码
Dec 08 #HTML / CSS
Html5基于canvas实现电子签名并生成PDF文档
Dec 07 #HTML / CSS
HTML5基于flash实现播放RTMP协议视频的示例代码
Dec 04 #HTML / CSS
前端水印的简单实现代码示例
Dec 02 #HTML / CSS
html5跳转小程序wx-open-launch-weapp踩坑
Dec 02 #HTML / CSS
Bootstrap File Input文件上传组件
Dec 01 #HTML / CSS
You might like
优化PHP代码的53条建议
2008/03/27 PHP
Windows PHP5和Apache的安装与配置
2009/06/08 PHP
PHP 计算代码执行耗时的代码修正网上普遍错误
2011/05/14 PHP
基于PHP实现生成随机水印图片
2020/12/09 PHP
JavaScript中的一些定位属性[图解]
2010/07/14 Javascript
JS匀速运动演示示例代码
2013/11/26 Javascript
利用JS解决ie6不支持max-width,max-height问题的方法
2014/01/02 Javascript
一个获取第n个元素节点的js函数
2014/09/02 Javascript
JS实现的鼠标跟随代码(卡通手型点击效果)
2015/10/26 Javascript
jQuery实现的点赞随机数字显示动画效果(附在线演示与demo源码下载)
2015/12/31 Javascript
js删除数组中的元素delete和splice的区别详解
2018/02/03 Javascript
Vue波纹按钮组件制作
2018/04/30 Javascript
原生JS实现的简单小钟表功能示例
2018/08/30 Javascript
Vue加载json文件的方法简单示例
2019/01/28 Javascript
说说如何利用 Node.js 代理解决跨域问题
2019/04/22 Javascript
layui添加动态菜单与选项卡
2019/07/26 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
2020/08/25 Javascript
Python中对列表排序实例
2015/01/04 Python
用实例解释Python中的继承和多态的概念
2015/04/27 Python
Python实现使用request模块下载图片demo示例
2019/05/24 Python
python文件选择对话框的操作方法
2019/06/27 Python
详解程序意外中断自动重启shell脚本(以Python为例)
2019/07/26 Python
Django 简单实现分页与搜索功能的示例代码
2019/11/07 Python
Python 解析pymysql模块操作数据库的方法
2020/02/18 Python
Python Django view 两种return的实现方式
2020/03/16 Python
Python退出时强制运行一段代码的实现方法
2020/04/29 Python
python利用proxybroker构建爬虫免费IP代理池的实现
2021/02/21 Python
adidas官方旗舰店:德国运动用品制造商
2017/11/25 全球购物
英国时尚首饰品牌:Missoma
2020/06/29 全球购物
集团公司总经理岗位职责
2013/12/20 职场文书
大二自我鉴定
2014/01/31 职场文书
小学教师培训方案
2014/06/09 职场文书
2015中秋节晚会开场白
2015/07/30 职场文书
2016秋季田径运动会广播稿
2015/12/21 职场文书
Html5调用企业微信的实现
2021/04/16 HTML / CSS
面试分析分布式架构Redis热点key大Value解决方案
2022/03/13 Redis