html5 播放多個視頻。一個接一個的播放


new個video,指定播放列表的第一個視頻路徑為src。監聽end事件,回調里面把video的src改成列表的下一個,再play。

示意代碼:
var vList = ['視頻地址url1', 'url2', '...']; // 初始化播放列表
var vLen = vList.length; // 播放列表的長度

var curr = 0; // 當前播放的視頻
var video = new Video();
video.addEventListener('end', play);
play();

function play(e) {
video.src = vList[curr];
video.load(); // 如果短的話,可以加載完成之后再播放,監聽 canplaythrough 事件即可
video.play();

curr++;
if (curr >= vLen) curr = 0; // 播放完了,重新播放
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM