通过点击一个按钮在几个不同的页面上播放视频

Question

我是一名设计师，我做的项目是我尝试编码的，让我们说我在前端DIY !但是现在我想做一些我完全卡住的事情。

我想有几个屏幕(多个设备)包含视频，他们都将在同一时间启动时，点击一个特定的页面上的按钮。我听说nodejs可能会创建几个页面，每个页面都包含一个视频，在索引页上点击一个按钮，所有其他页面同时启动视频。我试着深入研究nodejs，但我非常无能为力，我想知道你是否认为有可能这样做?如果有的话，你有什么资源吗?

我希望我是清楚的，提前感谢很多!

Answer 1

你可以用纯html和javascript实现这一点，我不确定这是你问的，但是…下面是一个例子:

document.getElementById("clickme").addEventListener("click",function(){
document.getElementById("vid1").play();
document.getElementById("vid2").play();
document.getElementById("vid3").play();
})

<video width="400" controls id="vid1">
<source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
</video>

<video width="400" controls id="vid2">
<source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
</video>

<video width="400" controls id="vid3">
<source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
</video>
<button id="clickme">click me</button>