为了账号安全,请及时绑定邮箱和手机立即绑定

你好,该怎样实现多个视频在同一个<video>标签上播放?

你好,该怎样实现多个视频在同一个<video>标签上播放?

慕容3067478 2021-05-26 18:15:22

html5 怎么让多个视频文件在同一个<video>标签上实现播放?就是有个播放列表这样子。

查看完整描述

2 回答

?
慕田峪4524236

TA贡献1656条经验 获得超8个赞

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

可以实现html5 播放多个视频。一个接一个的播放


查看完整回答
反对 回复 2021-05-31
?
Smart猫小萌

TA贡献1747条经验 获得超7个赞

<video id="video" autoplay="autoplay" ></video>

<script>
var video_element = document.getElementById('video');
video_element.src =stream;
</script>
修改video的src

查看完整回答
反对 回复 2021-05-31

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信