播放特定视频 jquery 时暂停所有 html5 视频

Question

我在同一页面中有 10 个 html5 视频，

问题

当我点击不同的视频时，它们会同时播放...

  <div><video class="SetVideo"></video><button class="videoP"></button></div>
      <div><video class="SetVideo"></video><button class="videoP"></button></div>
  <div><video class="SetVideo"></video><button class="videoP"></button></div>
  <div><video class="SetVideo"></video><button class="videoP"></button></div>
  <div><video class="SetVideo"></video><button class="videoP"></button></div>
  <div><video class="SetVideo"></video><button class="videoP"></button></div>
  <div><video class="SetVideo"></video><button class="videoP"></button></div>

如何在特定视频中点击播放后暂停所有视频？

到目前为止我有这个，但什么都没有

  $(".videoP").on("click",function(){ 


   $(document).find("video").pause();
$(this).closest("div").find(".SetVideo").play();
 });

但它不起作用

Answer 1

这样的事情怎么样：

$(".videoP").on("click",function(){
    $('.SetVideo').trigger('pause');                       // Matches all videos with class videoP
    $(this).parent().find('.SetVideo').trigger('play');   // Should match the video corresponding to the clicked button
});