Question

这是简单的，简化的HTML5视频播放列表。令我惊讶的是，它似乎在mozzila / chrome / opera中运作得很好我的意思是 - 只在脚本中指定了ogv。

问题 - 我是否还必须指定mp4和webm？
如果是这样 - 在这种特殊情况下如何？
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>

Answer 1

Firefox，Chrome和Opera support ogv以及webm（在桌面版中）; webm具有比ogv更好的质量，具有相同的浏览器支持，因此通常是更好的选择。如果您想支持IE，Safari和移动设备，那么您还需要mp4版本的视频。没有一种格式适用于所有浏览器，但如果您同时拥有webm（或ogv）和mp4，则其中至少有一种格式应适用于支持HTML5视频的任何现代浏览器。

您可以在<source>标记内使用多个<video>标记列出视频的两个版本，并让浏览器选择使用哪个版本，或使用canPlayType() {{ 3}}浏览器是否支持特定的视频格式，例如videoPlayer.canPlayType('video/mp4')，然后插入浏览器可以播放的第一种格式。

如果您想支持完全不支持HTML5视频的旧浏览器（IE8及更早版本），那么您可能希望在这种情况下使用Flash视频播放器。 Flash视频播放器可以使用与IE9 / 10，Safari和移动设备相同的mp4视频。

HTML5视频视频播放列表

1 个答案: