javascript - 暂停当前视频

Question

我在点击关闭按钮时使用此脚本暂停视频：

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

但如果我有多个视频，我就无法使用id。我尝试使用getElementByClassName但它甚至在最后一个版本的chrome中也没有用。

所以我想要一个脚本在我点击关闭按钮时暂停当前视频。 我怎么能这样做？

Answer 1

如果您将视频和相对关闭按钮放在同一个div中，则可以执行此操作。我假设每个视频都有一个唯一的div。

<div>
    <video><!-- some code --></video>
    <a class="close-button">Close video</a>
</div>

$('.close-button').click( function(){
    $( this ).siblings('video').get(0).pause()
})