web-dev-qa-db-ja.com

SafariおよびFirefoxでのHTML5ビデオ（mp4およびogv）の問題-しかしChromeはすべて良い

私は次のコードを持っています：

<video width="640" height="360" controls id="video-player" poster="/movies/poster.png">
 <source src="/movies/640x360.m4v" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
 <source src="/movies/640x360.ogv" type='video/ogg; codecs="theora, vorbis"'> 
</video>
  • 私はRails（開発中のMongrelおよび実稼働中のMongrel + Apache）を使用しています。
  • Chrome（MacおよびWin）は、ローカルでも実稼働サーバーでも、いずれかのファイル（1つ、次に他のソースタグでテスト済み）を再生できます。
  • Safari（MacおよびWin）はローカルでmp4ファイルを再生できますが、本番環境ではnotを再生できます。
  • Firefox 3.6は、どちらのOSでもビデオを再生しません。ビデオプレーヤー領域の中央に灰色の十字が表示されます。
  • MongrelとApacheの両方に正しいMIMEタイプが設定されていることを確認しました。
  • Chromeの結果から、ビデオファイルやファイルの要求方法や配信方法に本質的に問題がないことはわかっています。

Firefoxの場合、 https://developer.mozilla.org/En/Using_audio_and_video_in_Firefox で、「エラー」イベントと「エラー」属性を参照しました。 「エラー」イベントはすぐにスローされ、その時点ではエラー属性はありません。誰も問題を診断する方法を知っていますか？

firefoxvideosafarihtml5ogg-theora
42
qryss

.oggのHTTP Content-Typeはapplication/ogg（.ogvの場合はvideo/ogg）で、.mp4の場合はvideo/mp4である必要があります。 the Web Sniffer を使用して確認できます。

40
hsivonen

これらの行を.htaccessファイルに追加すると、すべてのブラウザーで機能します。私のために働く。

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

あなたのサイトに.htaccessファイルが存在しない場合は、新しいファイルを作成してください:)それは明らかです。

31
Salman Aslam

ちなみに、.ogvファイルはビデオであるため、「video/ogg」、。oggファイルはVorbisオーディオであるため、「audio/ogg」および.ogaファイルは一般的なOggオーディオであるため、「audio/ogg」でもあります。 Firefoxでチェックインして動作します。 「application/ogg」は、すべてのオーディオまたはビデオの使用に対して非推奨です。 http://www.rfc-editor.org/rfc/rfc5334.txt を参照してください

3
Silvia