首页 行业资讯 宠物日常 宠物养护 宠物健康 宠物故事

html5 video标签 如何多个视频连续播放

发布网友 发布时间:2022-04-23 06:18

我来回答

1个回答

热心网友 时间:2022-05-12 09:18

这需要用js来写了,需要动态创建video,例如

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; // 播放完了,重新播放
}

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com