javascript - 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をフィードしてみてください。