javascript - 关闭弹出窗口时暂停当前视频

Question

我的网站上有一个作品集。 单击某个元素时，它会打开一个带有视频的弹出模式。

我想做的是在关闭模式时暂停当前视频。

所以基本上，我使用这个脚本来暂停视频:

var vid = document.getElementById("video19"); 
$('#md-close').click(function(){
  vid.pause();
});

但我有多个视频，我不能使用相同的 ID。 我不会随时为每个视频创建一个功能.. 它会使网站变慢而且很糟糕。 我尝试使用 getElementByClassName 但它甚至在最新版本的 chrome 中也不起作用。

所以我只想要一个在我点击关闭按钮时暂停当前视频的脚本。

我该怎么做？

Answer 1

在 video 标签上使用 class 而不是 id。
然后...用它来暂停它们!

$('#md-close').click(function(){
  $(".yourClass").pause();       // Class used as a selector
});

或者没有任何 class 或 id:

$('#md-close').click(function(){
  $("video").pause();       // Tag name used as a selector
});

是的!既然可以确保所有视频都已暂停，为什么还要暂停特定视频？