1

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

  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 更好的质量，具有大致相同的浏览器支持，因此通常是更好的选择。如果您想支持 IE、Safari 和移动设备，那么您还需要一个mp4版本的视频。没有一种格式适用于所有浏览器，但如果您同时拥有 webm（或 ogv）和 mp4，那么至少其中一种格式应该适用于任何支持 HTML5 视频的现代浏览器。

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

如果您想支持根本不支持 HTML5 视频的旧浏览器（IE8 和更早版本），那么您可能需要在这种情况下使用 Flash 视频播放器后备。Flash 视频播放器可以使用与mp4IE9/10、Safari 和移动设备相同的视频。

于 2013-05-02T14:22:48.587 回答