關閉彈出窗口時暫停當前視頻

我的網站上有一個投資組合。當點擊一個項目時，它會打開一個帶有視頻的彈出模式。關閉彈出窗口時暫停當前視頻

我想要做的是在關閉模式時暫停當前視頻。

所以基本上，我使用這個腳本暫停視頻：

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

回答