HTML5视频视频播放列表

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

问题 - 我必须指定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>

来源

2013-05-02 Tosho

我在留下一个印记，因为这不是对您的问题的回答，而是对改进代码的建议。我实际上使用你的代码作为我为客户端事件写作的玩家的基础。 – 2015-11-12 01:05:59

火狐，Chrome和Opera support ogv和webm（桌面版）; webm比ogv质量更好，大致具有相同的浏览器支持，因此通常是更好的选择。如果你想支持IE，Safari和手机，那么你还需要一个mp4版本的视频。没有一种格式可以在所有浏览器上运行，但如果您同时拥有webm（或ogv）和mp4，那么至少其中一个应该可以在任何支持HTML5视频的现代浏览器中使用。

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

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

来源

2013-05-02 14:22:48 mark4o

HTML5视频视频播放列表

回答

相关问题