Webページでビデオファイルを再生できません... MIMEタイプが見つかりません。

Question

私のWebページにビデオクリップを表示したいと思います。

私はvideoタグを使用していますが、出力は表示されません。

私は2つのスクリーンショットを添付しました。

誰かが私が何をしたのが間違っているか教えてください。

Answer 1

コメントで述べたように、FirefoxのMP4/H.264のサポートの問題が原因である可能性はかなりいるようです。

JavaScriptで実際に動画を再生できるかどうかを検出し、それに応じて対応できるいくつかの手法があります。ユーザーにメッセージを送信したり、別のビデオに切り替えることができます。

MediaSource.isTypeSupported() 

上記のMIMEタイプがサポートされている場合は、チェックを行うことができます - それはので、すべてのブラウザでサポートされていない「実験」ですが、以降のFirefox 42.0でサポートされています。詳細：Firefoxで

• https://developer.mozilla.org/en-US/docs/Web/API/MediaSource/isTypeSupported

H.264コーデックのサポートは、私は別の場所で別の情報を、見つける、も少し紛らわしいですが、それは確かにまだ非常におそらくそうだったし、そのサポートは、特定のコーデックをサポートしている基礎となるシステムに依存しているということです。

function canPlayH264() { 
    var v = document.createElement('video'); 
    return !!(v.canPlayType && v.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"').replace(/no/, '')); 
}; 

詳しい情報はこちら（「検出再生下）：

• https://developer.mozilla.org/en-US/Apps/Fundamentals/Audio_and_video_delivery/H.264_support_in_Firefox

Firefoxはビデオコーデックがサポートされているかどうかを実行時にテストすることができますHTML5のメカニズムをサポートしています

とは別に、明確でない場合は、複数の異なるH.264コーデックがあります。 1つのH.264エンコードされたビデオが特定のクライアントデバイスでサポートされ、別のH.264エンコードされたビデオが特定のクライアントデバイスでサポートされる可能性があるため、この回答でコーデック情報の読み方の素敵な説明があります：

• https://stackoverflow.com/a/16365526/334402