HTML5/JS：檢查視頻兼容性

Question

HTML5/JavaScript是否提供功能來檢查是否可以檢查.mp4等視頻。然後，我可以使用回退到webm，或者即使檢查webm兼容性失敗，也可以推送另一種替代方法。

是否有檢查兼容性的功能？

Answer 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的。