Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/ssh/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript-暂停当前视频_Javascript_Jquery_Html - Fatal编程技术网

javascript-暂停当前视频

javascript-暂停当前视频,javascript,jquery,html,Javascript,Jquery,Html,我使用此脚本在单击“关闭”按钮时暂停视频: var vid = document.getElementById("video19"); $('#md-close').click(function(){ vid.pause(); }); 但如果我有不止一个视频,我就不能使用id。我尝试使用getElementByClassName,但即使在最新版本的chrome中也无法使用 所以我想要一个脚本,当我点击关闭按钮时暂停当前视频。 我该怎么做呢?如果将“视频”和“相对关闭”按钮放在同一个div中,

我使用此脚本在单击“关闭”按钮时暂停视频:

var vid = document.getElementById("video19"); 
$('#md-close').click(function(){
vid.pause();
});
但如果我有不止一个视频,我就不能使用id。我尝试使用getElementByClassName,但即使在最新版本的chrome中也无法使用

所以我想要一个脚本,当我点击关闭按钮时暂停当前视频。
我该怎么做呢?

如果将“视频”和“相对关闭”按钮放在同一个
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()
})