如何查看浏览器对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实现DIV圆角效果完整代码
Oct 10 HTML / CSS
CSS3 Media Queries详细介绍和使用实例
May 08 HTML / CSS
CSS3 box-shadow属性实例详解
Jun 19 HTML / CSS
HTML5 与 XHTML2
Oct 17 HTML / CSS
HTML5 声明兼容IE的写法
May 16 HTML / CSS
html5 button autofocus 属性介绍及应用
Jan 04 HTML / CSS
HTML5事件方法全部汇总
May 12 HTML / CSS
详解HTML5中的拖放事件(Drag 和 drop)
Nov 14 HTML / CSS
使用phonegap克隆和删除联系人的实现方法
Mar 31 HTML / CSS
HTML5中使用json对象的实例代码
Sep 10 HTML / CSS
AmazeUI底部导航栏与分享按钮的示例代码
Aug 18 HTML / CSS
Bootstrap File Input文件上传组件
Dec 01 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 分库分表hash算法
2009/11/12 PHP
ThinkPHP模版引擎之变量输出详解
2014/12/05 PHP
javascript Object与Function使用
2010/01/11 Javascript
基于jquery的跨域调用文件
2010/11/19 Javascript
详解JavaScript函数绑定
2013/08/18 Javascript
jquery的attr方法禁用表单元素禁用输入内容
2014/06/23 Javascript
关于javascript中dataset的问题小结
2015/11/16 Javascript
基于javascript实现checkbox复选框实例代码
2016/01/28 Javascript
jQuery四种选择器使用及示例
2016/06/05 Javascript
antd Upload 文件上传的示例代码
2018/12/14 Javascript
JS Ajax请求会话过期处理问题解决方法分析
2019/11/16 Javascript
小程序实现图片预览裁剪插件
2019/11/22 Javascript
[01:13:46]iG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python对数组进行反转的方法
2015/05/20 Python
Python ValueError: invalid literal for int() with base 10 实用解决方法
2015/06/21 Python
python利用datetime模块计算时间差
2015/08/04 Python
Python模块包中__init__.py文件功能分析
2016/06/14 Python
django2+uwsgi+nginx上线部署到服务器Ubuntu16.04
2018/06/26 Python
Python使用pymongo模块操作MongoDB的方法示例
2018/07/20 Python
Python Opencv实现图像轮廓识别功能
2020/03/23 Python
如何解决django-celery启动后迅速关闭
2019/10/16 Python
Python常用模块logging——日志输出功能(示例代码)
2019/11/20 Python
python 匿名函数与三元运算学习笔记
2020/10/23 Python
使用CSS3制作倾斜导航条和毛玻璃效果
2017/09/12 HTML / CSS
南非领先的在线旅行社:Travelstart南非
2016/09/04 全球购物
墨西哥网上超市:Superama
2018/07/10 全球购物
Bloomingdale’s阿联酋:选购奢华时尚、美容及更多
2020/09/22 全球购物
毕业生就业推荐信范文
2013/12/01 职场文书
中国梦演讲稿3分钟
2014/08/19 职场文书
咖啡厅商业计划书
2014/09/15 职场文书
三年级学生评语大全
2014/12/26 职场文书
高中社区服务活动报告
2015/02/05 职场文书
医院员工辞职信范文
2015/05/12 职场文书
保护环境建议书作文300字
2015/09/14 职场文书
评测 | 大屏显示带收音机的高端音箱,JBL TUNE2便携式插卡音箱实测
2021/04/24 无线电
Pytorch distributed 多卡并行载入模型操作
2021/06/05 Python