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

【问题标题】：Pause current video when close popup关闭弹出窗口时暂停当前视频
【发布时间】：2017-11-04 03:56:12
【问题描述】：

我的网站上有一个作品集。当点击一个项目时，它会打开一个带有视频的弹出模式。

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

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

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

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

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

我该怎么做？

【问题讨论】：

您需要一种方法来定位“当前视频”是什么，因为这将是动态的，您可能不能只定位一个类或 ID，除非您将该类/ID 分配给视频当你玩它的时候。你能创建一个你现在拥有的演示吗？了解如何创建minimal reproducible example

【解决方案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
});

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

【讨论】：