2012-07-09 106 views
2

HTML5/JavaScript是否提供功能来检查是否可以检查.mp4等视频。然后,我可以使用回退到webm,或者即使检查webm兼容性失败,也可以推送另一种替代方法。HTML5/JS:检查视频兼容性

是否有检查兼容性的功能?

回答

1

我用下面的代码片段:

/** 
* http://diveintohtml5.org/detect.html#video-formats 
*/ 
function hasNativeMPEG4() { 
     var v = document.createElement("video"); 

     if(!v.canPlayType) { 
      return false; 
     } 
     // video/mp4; codecs="avc1.42E01E, mp4a.40.2" 
     var result = v.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"'); 

     if(result == "no" || result === "") { 
      return false; 
     } else { 
      // "maybe", "probably" 
      return true; 
     } 
} 

...如果它不支持MPEG4,然后再尝试喂Flash后备或WebM的。

+0

这是跨浏览器兼容吗? – ledy 2012-07-09 12:56:00

+0

根据HTML5规范,它是跨浏览器兼容的。但是:没有保修 - 您有责任在您自己的网站上进行测试。它已与我们的网站与最新的浏览器包括正常工作。移动浏览器。请阅读上面的链接了解更多信息。 – 2012-07-09 14:43:35