求教:html5如何实现连续播放多个视频
答案:3 悬赏:20 手机版
解决时间 2022-01-01 04:49
- 提问者网友:咪咪
- 2021-12-31 11:16
求教:html5如何实现连续播放多个视频
最佳答案
- 五星知识达人网友:逃夭
- 2021-12-31 11:21
连续播放两个视频是什么意思?
如果是同时播放两个,写两个 <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>
如果是同时播放两个,写两个 <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>
全部回答
- 1楼网友:躲不过心动
- 2021-12-31 12:04
不明白啊 = =!
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯