Question

我有什么：

<script>
  function stopvideos()
  { 
    $(".video-js")[0].player.pause();
   //$("#example_video_0").pause(); 
   //$("#example_video_0").get(0).pause();
   //jQuery(".video-js")[0].player.pause();
   //$("#example_video_0").trigger("pause");
   //$("#example_video_0").player.pause();
   // $('#example_video_1').remove();
   /*VideoJS.DOMReady(function(){
       var myPlayer = VideoJS.setup("example_video_0");
       myPlayer.pause();  
    });
   */ 
}
  </script>
<div id="animation-reel">
    <a class="bClose" onclick="stopvideos();">x<a/>
     <video id="example_video_0" class="video-js vjs-default-skin" controls preload="none" width="210" height="118"
      poster="videos/video-js_poster.jpg" 
      data-setup="{}">
    <source src="videos/animation.m4v" type='video/mp4' />
      <!--<source src="peo_v10.webm" type='video/webm' />
      <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
      <track kind="captions" src="videos/captions.vtt" srclang="en" label="English" />-->
    </video>
  </div>

我尝试了什么：

1. $(".video-js")[0].player.pause();
2. $("#example_video_0").pause(); 
3. $("#example_video_0").get(0).pause();
4. jQuery(".video-js")[0].player.pause();
5. $("#example_video_0").trigger("pause");
6. $("#example_video_0").player.pause();
7. $('#example_video_1').remove();
8. VideoJS.DOMReady(function(){
    var myPlayer = VideoJS.setup("example_video_0");
     myPlayer.pause();  
   });

我想要的是什么：

暂停视频点击模特关闭链接＆lt; a class =“bClose”onclick =“stopvideos（）;”＆gt; x＆lt; a /＆gt;

提前致谢

Answer 1

请参阅此工作示例 Fiddle

只需按

访问视频元素即可

var vid = document.getElementById("example_video_0");
vid.pause();

享受..！

Answer 2

只需删除iframe的src，它会在关闭模型后停止播放视频

$('button.close').click(function(){
    $('iframe').attr('src','');;
});

如何在模型关闭时暂停视频（videojs）

2 个答案: