求教:html5如何实现连续播放多个视频

发布网友发布时间：2022-04-19 23:44

共2个回答

热心网友时间：2022-04-20 01:14

连续播放两个视频是什么意思？
如果是同时播放两个，写两个 <video></video>标签就行了，一个标签放一个视频；

如果是播放完一个视频后接着再播放下一个视频这样连续播放，用脚本监听 <video> 标签的视频播放结束事件，再接着播放下一个视频就行；

1

<video id="video" src="test1.mp4"></video>

<script>
var video = document.getElementById('video');
video.addEventListener('ended',function(){
// 第一个视频播放结束
// 如果要继续播放第二个视频，改变 <video> 标签的 (src="test2.mp4") 属性或者新建一个 video 标签播放视频都可以
},false);
</script>

热心网友时间：2022-04-20 02:32

html5视频播放 - https://21xrx.com/full_stack/Html/html5_video.html