2

すべての主要なブラウザー (Chrome、Firefox、IE9、Safari、Opera) で動作する html5 アプリケーションを開発する必要があり、要求の 1 つはビデオも再生できるようにすることでした。video タグと、提供された 2 つの異なる形式のビデオを使用しています。

<video width="640" height="360" controls autoplay="autoplay">
    <source src="../videos/grafico.ogg" type="video/ogg"/>
    <source src="../videos/grafico.mp4" type="video/mp4"/>
    Your browser doesn't support video
</video>

私の問題は、これが IE でしか動作しないことです。Chrome、Firefox、および Opera では、プレーヤーは開きますが、画像は黒です。また、Safari では、「お使いのブラウザはビデオをサポートしていません」というメッセージのみが表示されます。videojs も使用しようとしましたが、黒い画面の問題は解決しません。ちなみに、これはローカルでプレイしているときに発生しています（サーバーにアクセスできません）。

何が間違っているのかわかりませんし、そもそもビデオの扱い方についての知識もあまりありません。私が何をすべきか知っている人はいますか？

4

2 に答える 2

1

まず、MP4 ソースを最初に置きます。古い iPad では、リストの最初のソースを超えて表示されないという問題がありました。

Chrome、Firefox、および Opera の場合、おそらく ogg ファイル自体に問題があるか、そのファイルに対してサーバーから送信されている MIME タイプに問題がある可能性があります。ogg が VLC などの他の場所で再生されることを確認してください。

その場合は、拡張子を .ogv に変更します。それは違いを生むべきではありませんが、より正しいです。次に、これらの行を .htaccess ファイルに追加します。これはHTML5 ボイラープレートからのものです。

# Audio
AddType audio/mp4                      m4a f4a f4b
AddType audio/ogg                      oga ogg

# Video
AddType video/mp4                      mp4 m4v f4v f4p
AddType video/ogg                      ogv
AddType video/webm                     webm
AddType video/x-flv                    flv

これが、ogg ファイルが HTML5 ビデオで再生されない最大の理由のようです。

補足として、WebM ファイルを作成するか、Ogg の代わりに使用することも検討することをお勧めします。圧縮率が高く、品質の比率が高くなります。Firefogg.orgを使用して WebM を無料で作成できます。

IE が MP4 を再生し、Safari が再生しない理由がわかりませんが、これらの問題も解決されることを願っています。乾杯。

于 2012-11-13T19:08:03.393 に答える
0 
<video width="320" height="240" controls="controls" autoplay="autoplay">

この方法を試してください。私のためにすべてのブラウザでテストされ、動作します。

于 2012-11-13T12:41:45.717 に答える