如何查看浏览器对html5的支持情况
(编辑:jimmy 日期: 2024/11/13 浏览:3 次 )
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("你的浏览器不支持要检测的视频格式"); } }
下一篇:如何使用canvas绘制可移动网格的示例代码