42

次のコードがあります。

<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 ファイルをローカルで正常に再生できますが、本番環境からは再生できません。
  • Firefox 3.6 は、どちらの OS でもビデオを再生しません。ビデオ プレーヤー領域の中央に灰色の十字が表示されます。
  • それぞれのケースで Mongrel と Apache の両方に正しい MIME タイプが設定されていることを確認しました。
  • Chrome の結果から、ビデオ ファイルや、ファイルが要求または配信される方法に本質的な問題がないことがわかりました。

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

4

6 に答える 6

40

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

于 2010-04-15T10:09:54.050 に答える
31

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

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

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

于 2011-10-11T14:35:25.463 に答える
3

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

于 2010-04-19T23:53:24.873 に答える
-1

内側の引用符を削除するだけです。Firefoxを混乱させます。「video/ogg; codecs = theora、vorbis」を使用できます。

また、そのマークアップは私のMinefiled 3.7a5preで機能するため、ogvファイルが再生されない場合は、偽のファイルである可能性があります。どのように作成しましたか？Firefoxにバグを登録することをお勧めします。

于 2010-04-19T23:50:21.853 に答える
-1

ドキュメントページに次のような例があります。

<source src="foo.ogg" type="video/ogg; codecs=&quot;dirac, speex&quot;">

おそらく、codec情報を&quot;実際の引用符ではなくエンティティで囲み、type属性をアポストロフィではなく引用符で囲む必要があります。

コーデック情報を完全に削除することもできます。

于 2010-04-15T08:00:55.517 に答える
-7

1文字を変更する必要があります:)、640x360.ogvの名前を640x360.oggに変更すると、3つのブラウザすべてで機能します。

于 2010-12-07T22:15:45.357 に答える