1

これは単純化された単純化された HTML5 ビデオ プレイリストです。驚いたことに、スクリプトで指定された ogv のみを使用して、Mozzila / Chrome / Opera で問題なく動作しているようです。

  1. 質問 - mp4 と webm も指定する必要がありますか?

  2. もしそうなら - この特定のケースではどうですか？

  3. IEはどうですか？

よろしく

コード：

<!doctype html>
<html lang="en">
    <head>
   <meta charset="utf-8" />
   <title>HTML5_video</title>
   <script>
   var videoPlayer;
   var video_count = 1;
   window.onload = function (){ 
   videoPlayer = document.getElementById("homevideo");
   videoPlayer.addEventListener("ended", function (){
   video_count++;
   if (video_count == 4) video_count = 1;
   var nextVideo = video_count+".ogv";
   videoPlayer.src = nextVideo;
   }, false);
   }
   </script>
</head>
<body>

<video id="homevideo" width="640" height="360" autoplay autobuffer src="1.ogv"></video>          

</body>
</html>
4

1 に答える 1

0

Firefox、Chrome、Operaは ogvとwebm (デスクトップ版) をサポートしています。webm は ogv よりも品質が高く、ブラウザーのサポートはほぼ同じであるため、通常は ogv を選択することをお勧めします。IE、Safari、およびモバイルをサポートする場合は、ビデオのmp4バージョンも必要になります。すべてのブラウザーで動作する 1 つの形式はありませんが、webm (または ogv) と mp4 の両方を使用している場合、少なくとも 1 つは HTML5 ビデオをサポートする最新のブラウザーで動作するはずです。

<source>タグ内で複数のタグを使用<video>して、ビデオの 2 つのバージョンを一覧表示し、どちらを使用するかをブラウザに選択させるか、 を使用してブラウザが特定のビデオ形式 (例: ) をサポートしているかどうかcanPlayType() を判断videoPlayer.canPlayType('video/mp4')し、最初の形式を挿入します。ブラウザが再生できることを確認します。

HTML5 ビデオをまったくサポートしていない古いブラウザー (IE8 以前) をサポートする場合は、Flash ビデオ プレーヤーのフォールバックを使用することをお勧めします。Flash ビデオ プレーヤーはmp4、IE9/10、Safari、およびモバイルで使用されるのと同じビデオを使用できます。

于 2013-05-02T14:22:48.587 に答える