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

【问题标题】：How to pause video on model close (videojs)如何在模型关闭时暂停视频（videojs）
【发布时间】：2012-12-27 10:07:36
【问题描述】：

我有什么：

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

我想要什么：

暂停视频点击模型关闭链接x

提前致谢

【问题讨论】：

标签： javascript jquery html5-video video.js

【解决方案1】：

请参考这个工作示例 Fiddle

通过

轻松访问视频元素

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

享受..！

【讨论】：

你能分享你的代码来测试吗？你试过小提琴例子吗？
你好朋友，它在小提琴上工作得很好，但是当我复制整个代码并制作一个 html 文件并在浏览器上运行它时，就无法正常工作了。

【解决方案2】：

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

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

【讨论】：