web-dev-qa-db-ja.com

FirefoxでHTML5ビデオが再生されない

ファイルをmp4、web、およびogvの3つの異なる形式に変換しました。 caniuse によると、firefoxはoggとwebmの両方をサポートしているはずですが、何も再生されていません。

Miro Converter を使用してファイルを変換しましたが、他の人によると、これは問題なく動作するはずです。 Chromeはwebmファイルを選択します（右クリック->新しいタブで開くと、webmファイルが表示されます）、これは素晴らしいことです。

サイトのURL： http://dev.fristil.se/hbh/

背景に静止画像があります。ビデオはその上に表示されると想定されているため、動いていない場合は動作していないことがわかります。

何か案は？

html5firefoxvideohtml5-video
17
qwerty

サーバーがファイルの正しいMIMEタイプを送信していません。

Content-Type: text/plain

HTML5ビデオはSafariで再生される場合があります。ChromeおよびIE 9ですが、FirefoxまたはIE 7-8。 MIMEタイプの問題を修正すると、Firefoxで再生されます。

Apache WebサーバーまたはApacheの派生物を使用している場合は、サイト全体httpd.confまたは。htaccessビデオファイルを保存するディレクトリ内のファイル。 （他のWebサーバーを使用している場合は、特定のファイルタイプにContent-Type HTTPヘッダーを設定する方法についてサーバーのドキュメントを参照してください。）

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

AddType audio/mpeg .mp3
AddType audio/ogg .ogg
AddType audio/mp4 .m4a
AddType audio/wav /wav

ここに同じ質問があります： ビデオファイル.ogvはFirefoxではローカルで再生されますが、サーバーからは再生されません および詳細な回答： https://stackoverflow.com/a/6145629/1081079 =

30
freshbm

問題はサーバー側にあります。サーバーは、実際にビデオのMIMEタイプとして（少なくとも.oggの）text/plainを返しています。 Firefoxがファイルを正しく認識できるように、サーバーの構成を調整して正しいMIMEタイプを返す必要があります。ここで説明されているのと同じ問題です： サポートされている形式とMIMEタイプのビデオが見つかりません。これは何を意味し、これをどのように変更できますか （<video>タグにcontrolsオプションがないため、メッセージは表示されません） ）。

2
Ale

サーバーはリソースを配信します http://dev.fristil.se/hbh/wp-content/themes/skal/images/video/bubblybeer.webm HTTPヘッダーContent-Type: text/plain –したがって、Firefoxはそれを他のものとして扱うことを拒否します。

サーバーに「教える」ことで、video/webm。

（同じことがogvにも当てはまります。サーバーは、リソースはテキストであり、video/ogg代わりに。）

1
CBroe

Flowplayer HTML5プレーヤーを使用してwebmで同じ問題が発生していました。 Firefoxは「HTML5ビデオが見つかりません」と言いました。最初はMiroがエンコードの問題を抱えていると思い、いくつかの異なるプログラムを試しましたが、すべて同じ結果になりました。そのため、サーバー上の不適切なMIMEタイプにwebmをtext/plainとして送信するか（Webインスペクターを使用してこれを確認できます）、Firefoxが単にしゃべるだけに絞り込みました。ホスティングプロバイダーAddType video/webm .webmを少し前に持っていたので、私は前向きではありません。私がやったのは、過去にFlowplayerを使用しており、1つのmp4ファイルしか必要ないことに気付いた後、webm参照をHTMLから直接削除するだけでした。 Firefoxはmp4を使用できます。これを削除します：

 <source type="video/webm" src="URL_to_webm.webm" />

これにより、すべて（IE、Chrome、Firefox、iPad、iPhone）で動作しました。 Chrome Macでは29はmp4を使用します。

0
zombiedoctor

Windowsホスティングでも同じ問題が発生しました。これを解決するために、web.configにmime設定を含めました

<staticContent>
  <mimeMap fileExtension=".webm" mimeType="video/webm" />
</staticContent>
0
yogihosting