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。