web-dev-qa-db-ja.com

HTML5ビデオを使用してFirefoxでMP4ファイルを再生する

私はかなり検索しましたが、問題を解決していません。

次のようにvideoタグを実行しています：

<video 
  class="ne" 
  src="{{ page | video_url }}" 
  muted="true" 
  volume="0"  
  controls 
  width="720" 
  height="480" 
  poster="{{ page | video_poster_image_url }}" 
  type="video/mp4">
</video>

URLにJekyllを使用しています。彼らはうまく動作します。

このサイトは switzerlandllc.com で公開されています。 FFの動画をクリックすると、画像とXが表示されます。Chromeおよび他のブラウザは正常に動作します。

ビデオのソースを取得して新しいタブにロードすると、正常に再生されます。少なくとも私にとってはそうです。

私が追加しました：

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

htaccessファイルに。 .ogvや.webmは必要ないと思う。

動画のURLを読み込むと動画が正常に再生されるのに、動画タグへの動画の読み込みが失敗する理由がわかりません。

何か案は？

html5firefoxhtml5-videomp4
21
TJ Sherrill

これは、Firefoxのビデオタグ内でのMP4形式のサポートが制限されているためです。 Firefox 21までサポートは追加されませんでしたが、Windows 7以降に限定されています。サポートが制限されている主な理由は、mp4形式に付随する使用料に関連しています。

詳細については、Mozillaクルーまたは次のブログ投稿から直接 サポートされるメディア形式 および オーディオおよびビデオ要素でサポートされるメディア形式 を確認してください。

http://pauljacobson.org/2010/01/22/2010122firefox-and-its-limited-html-5-video-support-html/

32
Josh Mein

ビデオタグではmp4が機能しないことを確認できます。サーバーからtypeタグとcodecおよびmimeタイプをいじり回そうとしても。

クレイジー、同じテストページの同じ正確なビデオで、mp4の古い埋め込みタグがfirefoxで正常に機能するためです。昨日これをいじって過ごしました。 FirefoxはIE突然、何時間も何時間も、請求できません。Yay。

IEといえば、これについてはさらに優雅に失敗します。形式を一致させることができない場合、タグ間のコンテンツに該当するため、埋め込みの周りのオブジェクトの周りにビデオを配置するだけで、すべてがうまく機能します。 Firefox、失敗しましたが、途中でエラーメッセージが表示されたポスター画像（フォールバックとしても役に立たないようにグレー表示）を表示します。そのため、オプションはブラウザー認識コード（過去10年間に動画を埋め込むことで何も得られなかったことを意味します）またはhtml5を捨てます。

9
wes