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

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

1 个答案: