我正在运行以下代码,它可以在初始视频源结束后立即更改HTML5视频的源。第一个视频结束后,它会运行第二个,然后是第三个,最终从头开始,形成无限循环。
现在我的问题是:如何随机选择Javascript代码中的视频?我希望代码在第一次执行时随机选择列表中的一个。在选择了一个随机起点之后,它应该按照正常顺序遍历列表。它不应该使每个视频都是随机的,只有起点是随机的。
var myvid = document.getElementById('myvideo');
var myvids = [
"http://www.w3schools.com/html/mov_bbb.mp4",
"http://www.w3schools.com/html/movie.mp4"
];
var activeVideo = 0;
myvid.addEventListener('ended', function(e) {
// update the active video index
activeVideo = (++activeVideo) % myvids.length;
// update the video source and play
myvid.src = myvids[activeVideo];
myvid.play();
});
<video src="http://www.w3schools.com/html/mov_bbb.mp4" id="myvideo" width="320" height="240" autoplay muted playsinline style="background:black">
</video>