如何查看浏览器对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 相关文章推荐
全面解析CSS Media媒体查询使用操作(推荐)
Aug 15 HTML / CSS
CSS3教程(6):创建网站多列
Apr 02 HTML / CSS
CSS3实现淘宝留白的方法
Jun 05 HTML / CSS
使用CSS3实现字体颜色渐变的实现
Aug 10 HTML / CSS
Canvas 文字碰撞检测并抽稀的方法
May 27 HTML / CSS
html5中监听canvas内部元素点击事件的三种方法
Apr 28 HTML / CSS
html5使用canvas实现跟随光标跳动的火焰效果
Jan 07 HTML / CSS
html5图片上传预览示例分享
Apr 14 HTML / CSS
localStorage的过期时间设置的方法详解
Nov 26 HTML / CSS
canvas中普通动效与粒子动效的实现代码示例
Jan 03 HTML / CSS
HTML5自定义元素播放焦点图动画的实现
Sep 25 HTML / CSS
html5 拖拽及用 js 实现拖拽功能的示例代码
Oct 23 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不使用插件导出excel的简单方法
2014/03/04 PHP
php邮箱地址正则表达式验证
2015/11/13 PHP
PHP中类与对象功能、用法实例解读
2020/03/27 PHP
CSS+Table图文混排中实现文本自适应图片宽度(超简单+跨所有浏览器)
2009/02/14 Javascript
取选中的radio的值
2010/01/11 Javascript
JavaScript对象和字串之间的转换实例探讨
2013/04/21 Javascript
在Iframe中获取父窗口中表单的值(示例代码)
2013/11/22 Javascript
让JavaScript的Alert弹出框失效的方法禁止弹出警告框
2014/09/03 Javascript
javascript倒计时效果实现
2015/11/12 Javascript
JavaScript使用DeviceOne开发实战(四)仿优酷视频应用
2015/12/02 Javascript
node.js从数据库获取数据
2016/05/08 Javascript
详解jquery选择器的原理
2017/08/01 jQuery
10行代码实现微信小程序滑动tab切换
2018/12/28 Javascript
IE11下处理Promise及Vue的单项数据流问题
2019/07/24 Javascript
浅析Vue下的components模板使用及应用
2019/11/27 Javascript
基于JavaScript实现大文件上传后端代码实例
2020/08/18 Javascript
收集的几个Python小技巧分享
2014/11/22 Python
python基于BeautifulSoup实现抓取网页指定内容的方法
2015/07/09 Python
Python标准库sched模块使用指南
2017/07/06 Python
Python实现计算字符串中出现次数最多的字符示例
2019/01/21 Python
python分别打包出32位和64位应用程序
2020/02/18 Python
详解Python中Pyyaml模块的使用
2020/10/08 Python
利用canvas实现图片下载功能来实现浏览器兼容问题
2019/05/31 HTML / CSS
通过canvas转换颜色为RGBA格式及性能问题的解决
2019/11/22 HTML / CSS
您的网上新华书店:文轩网
2016/08/24 全球购物
世界上最大的曲棍球商店:Pro Hockey Life
2017/10/30 全球购物
澳大利亚足球鞋和服装购物网站:Ultra Football
2018/10/11 全球购物
德国富尔达运动鞋店:43einhalb
2020/12/25 全球购物
接待员岗位责任制
2014/02/10 职场文书
竞选班长自荐书范文
2014/03/09 职场文书
需求分析说明书
2014/05/09 职场文书
2014年客户经理工作总结
2014/11/20 职场文书
管理失职检讨书范文
2015/05/05 职场文书
同学联谊会邀请函
2019/06/24 职场文书
postgreSQL数据库基础知识介绍
2022/04/12 PostgreSQL
golang生成并解析JSON
2022/04/14 Golang