[播放然后一个接一个地暂停多个可见视频-Javascript

Question

我在一个网页上有多个视频（每行3个，每行3个），实际上将充当视频墙。当前，所有视频都在无休止的循环中同时播放，这确实使媒体播放器感到挣扎。

[我想做的是每个视频播放一个接一个。有一些我可以用来实现这一目标的Javascript吗？我可能需要给每个视频标签/元素一个ID？

谢谢。

Answer 1

您是新贡献者。

您可以使用以下代码运行视频：

var vid = document.getElementById("myVideo");

function playVid() {
  vid.play();
}

function pauseVid() {
  vid.pause();
}

并且在视频结束时使用此代码：

var vid = document.getElementById("myVideo");
vid.onended = function() {
    alert("The video has ended");
};

您可以向他们添加一个类，然后使用上面的代码获取它们并循环它们。

这些是资源link onelink two

编辑：

我认为此链接将对您有所帮助previous question