HTML5ビデオはFirefoxではサポートされていませんが、他の場所でも使用できます

Question

私のプロジェクトでは、HTML5 <video>タグをMP4ビデオと使用しています。私がそれをテストしたとき、それはChromeでのみ動作しますが、FirefoxやIEでは動作しません。友人のノートパソコンを試してみると、5人中1人だけが私と同じ問題を抱えていました。他のすべての人にとって、ビデオはChrome、Firefox、IEでうまく動作します。私はこの現象を引き起こしているのだろうか。それはすべてのコンピュータ上でFirefox 46.0.1です。 HTMLコードは

<video id="video1" width="100%" height="auto" controls> 
    <source src="the-mountain.MP4" type="video/mp4"> 
</video> 

この問題を解決するにはどうすればよいですか？このプロジェクトは、少なくともクロム、FirefoxとIE> 9.

Answer 1

MP4コンテナ（H.264（ビデオ）およびAAC（オーディオ））で使用されているコーデックは特許の対象となっているため、mozillaはFirefox自体にこれらのコーデックを実装しないことにしましたが、support from the OS or device hardwareに頼ります。 H264の場合は、Firefoxがインストールする可能性のあるOpenH264 pluginもあります。

あなたがそうthe Windows version that comes without the codecs Firefoxが正常にWindows上で使用するWindowsの10プロNを、使用しているコメントで述べました。したがって再生はありません。 OpenH264では、MP4ファイルでH.264を再生することができますが、オーディオ用のAACデコーダはまだありません。

The Knowledge base articleは、Nエディションを「フル」エディションにするためのダウンロードにもリンクしていますが、これは問題を修正するだけですが、Firefoxの他のWindows Nエディションユーザーには適用されません。

このようなユーザーをサポートするには、webmバージョン（追加の<source>）を提供する必要があります。

Answer 2

サポートで、あなたのビデオがcaniuse http://caniuse.com/#feat=video を使用している場合は、確認することができますし、サブ機能のためにあなたが

http://caniuse.com/#feat=webmを確認することができ、

http://caniuse.com/#feat=mpeg4と互換性がなければなりません、

http://caniuse.com/#feat=ogv、

http://caniuse.com/#feat=webvtt

サポートされるバージョンは、このスペックでFF45からであるMP4のために

のFirefoxは、Windows 7上でH.264をサポートし、後で以来、バージョン21 Firefoxはバージョン26以降のLinuxでH.264をサポートしている場合は、適切な のgstreamerプラグインがインストールされています。

古いFirefoxバージョンの部分的なサポートは、OS X &以外の一部のAndroid Linuxプラットフォームでは のサポートが欠けていることを指します。

とCSSピクセル単位の幅と高さhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/video

高さ

映像の表示領域の高さ、のためだけのマイナー提案フォームFFドキュメントトライ利用ピクセル

。 幅

ビデオの表示領域の幅（CSSピクセル単位）。

Answer 3

問題は、MPEGはフリーフォーマットではないということです。

マイクロソフトは、AppleとGoogleが独自のブラウザで書式​​をサポートできるライセンスを所有しています。しかし、Firefoxはオープンソースのプロジェクトであり、MPEG LAを払っていません。したがって、MPEGビデオのサポートは、第三者のデコーダの存在に依存する。 （Source）

をインストールすると、この問題が解決する場合があります。