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

我的网站上有一个投资组合。当点击一个项目时，它会打开一个带有视频的弹出模式。关闭弹出窗口时暂停当前视频

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

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

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

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

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

我该怎么做？

2017-06-02 BMARK AMIT

您需要一种方法来定位“当前视频”是什么，既然它是动态的，那么您可能不能只定位类或ID，除非您在播放视频时将该类/ ID分配给视频。你能创建一个你现在拥有的演示吗？了解如何创建[mcve] –

在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 
});

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

2017-06-02 17:10:13

回答