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

Question

我的网站上有一个投资组合。 单击某个项目时，它会打开一个带有视频的弹出模式。

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

基本上，我正在使用此脚本暂停视频：

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

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

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

我该怎么做？

Answer 1

在class标记上使用id代替video 然后......用它来暂停所有这些！

$('#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
});

是的！为什么在确保所有视频都暂停时暂停特定的视频？