浏览器对HTML5的视频和音频支持与否怎么检测-群英

上一篇：HTML中用Canvas怎样制作循环滚动播放弹幕的效果下一篇：Bootstrap中用什么方法实现图片上传、展示和保存

在实际应用中，我们有时候会遇到“浏览器对HTML5的视频和音频支持与否怎么检测”这样的问题，我们该怎样来处理呢？下文给大家介绍了解决方法，希望这篇“浏览器对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的视频和音频支持与否怎么检测内容，欢迎关注群英网络技术资讯频道，小编将为大家输出更多高质量的实用文章！