当前位置: 首页 > Web开发 > PHP教程 >正文

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

来源:互联网时间:2020-12-15 16:21:43编辑:网友分享
http://html5test.com/ 视频和音频代码检测 function CheckAudio(){ var myAudio=document.createElement("audio"); if(myAudio.canPla

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的支持情况内容请搜索WEB开发者以前的文章或继续浏览下面的相关文章,希望大家以后多多支持WEB开发者!

上一篇: 移动端HTML5开发神器之vconsole

下一篇:PHP开发之修改文件上传限制的操

您可能感兴趣的文章

    暂无相关信息

相关阅读