video苹果兼容flash播放


  • [html5]用js判断用户终端浏览器是不是支持video视频标签
   function checkVideo() { 
       if (!!document.createElement('video').canPlayType) { 
           var vidTest = document.createElement("video"); 
           oggTest = vidTest.canPlayType('video/ogg; codecs="theora, vorbis"'); 
           if (!oggTest) { 
               h264Test = vidTest.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"'); 
               if (!h264Test) { 
                   return false; 
               } 
               else { 
                   if (h264Test == "probably") { 
                       return true; 
                   } 
                   else { 
                       return false; 
                   } 
               } 
           } 
           else { 
               if (oggTest == "probably") { 
                   return true; 
               } 
               else { 
                  return false; 
               } 
           } 
       } 
       else { 
           return false; 
       } 
   } 

用上述的办法可以判断当前浏览器是否支持HTML5中的Video标签,并能支持使用MP4格式进行播放(因为Firefox貌似因为版权原因,不支持以H.264编码的MP4格式播放),
如果返回true,则可以使用HTML5中的Video进行播放视频,返回false,则用Flash插件进行播放。
此方法一般用于视频网站,兼容手机,平板等设备进行视屏的播放,主要还是为了兼容IOS。

video 实现默认静音
添加属性muted="true"就可以了,html5 模式下有效, flash 模式对这个 muted 属性免疫。

你可能感兴趣的:(video苹果兼容flash播放)