javascript - HTML5/JS : Check video compatibility

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。