3

6 種類のビデオ形式、つまり.avi、.mkv、.mov、.ogv、.wmv、.mp4があります。これらの動画を HTML5 の video タグを使用してブラウザに埋め込もうとしました。しかし、どのブラウザでもビデオは再生されませんでした。Firefox では、 「サポートされている MIME タイプのビデオがありません」と表示されます。Chrome では.mp4ビデオのみが再生され、残りのビデオは再生されません。IE8では何も表示されません。ここに私のHTMLコードがあります:

<video width="300" height="200" controls>
    <source src="videos/airhorse_avi.avi" type="video/avi" title="Avi Videos">
</video>
<video width="300" height="200" controls>
    <source src="videos/airhorse_mkv.mkv" type="video/mkv" title="Mkv Videos">
</video>
<video width="300" height="200" controls>
    <source src="videos/airhorse_mov.mov" type="video/mov" title="Mov Videos">
</video>
<video width="300" height="200" controls>
    <source src="videos/airhorse_ogv.ogv" type="video/ogv" title="Ogv Videos">
</video>
<video width="300" height="200" controls>
    <source src="videos/airhorse_wmv.wmv" type="video/wmv" title="Wmv Videos">
</video>
<video width="300" height="200" controls>
    <source src="videos/spielberg_mp4.mp4" type="video/mp4" title="Mp4 Videos">
</video>

これらすべてのビデオを、Firefox、Chrome、IE、Safari、Opera などのブラウザで再生できますか。

4

4 に答える 4

3

簡単な答えは、さまざまな理由から、すべてのブラウザーが利用可能なすべてのコーデック/コンテナーをサポートしているわけではないということです。

ここにかなり最新のリストがありますhttp://en.wikipedia.org/wiki/HTML5_video とこの回答は、特定のサポートを自分でテストする方法を示していますウェブサイトの特定の部分のモバイル検出

あなたは（コメントの1つで）エラーがスローされると述べています...エラーが何であるかをお知らせいただければ（canPlayType()質問に答えない場合）、さらに調査することができます

于 2013-03-16T22:58:18.657 に答える
0

ほら、私はいくつかのテストを行いました（AVIとMP4形式のみをテストする時間がありました）。何らかの理由で、Google Chromeでは、mp4形式のみがはるかに機能しています。

もう1つ、コードを書く必要はありません。そのようにしてみてください（私が言ったように、うまくいきました）。

<video width="300" height="200" controls>
<source src="video/movie.mp4" type="video/mp4">
<source src="videos/movie.mp4" type="video/avi">
Your browser does not support the video tag.
</video>
于 2013-03-16T16:44:42.453 に答える
0

ほとんどの状況をカバーするには、各ビデオを Ogg、Webm、および MP4 バージョンに変換し、次を使用して Web ページに表示します。

<video width="300" height="200" controls preload="none">
    <source src="video/myvideo.ogv" type="video/ogg">
    <source src="video/myvideo.webm" type="video/webm">
    <source src="video/myvideo.mp4" type="video/mp4">
</video>

IE8 以前の場合、Flash を使用します ( http://videojs.comを参照) 。

IE9 の場合、プリロード タグが存在し、auto または none に設定されている必要があります。

于 2013-03-27T12:32:01.527 に答える
0

これは、すべてのブラウザーでビデオを再生するのに十分なはずです (ブラウザーでのビデオのサポート)。

<video width="300" height="200" controls> 
    <source src="videos/airhorse_ogv.ogv" type='video/ogg; codecs="theora, vorbis"'/> 
    <source src="videos/spielberg_mp4.mp4" type='video/mp4'/> 
    <p> Video is not visible, most likely your browser does not support HTML5 video </p> 
</video>

そして、この行を追加すると素晴らしいでしょう:

<source src="videos/spielberg_webm.webm" type='video/webm' />
于 2013-03-16T23:17:01.427 に答える