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視頻視頻播放列表

回答

相關問題