最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
如何查看浏览器对html5的支持情况
时间:2025-07-13 17:50:02 编辑:袖梨 来源:一聚教程网
http://html5test.com/
视频和音频代码检测
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的支持情况内容请搜索一聚教程网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持一聚教程网!
相关文章
- Dreamweaver图片的亮度和对比度怎么设置? 07-13
- 对爱的人说的话95句 07-13
- 绝区零仪玄偶遇事件怎么过-仪玄偶遇事件攻略 07-13
- PS磨皮教程 欧美人像超质感磨皮教程 07-13
- Dreamweaver2018怎么快速插入文本框? 07-13
- 魔兽世界净化水体怎么做-净化水体任务攻略 07-13