title: How to pause video on model close (videojs)
body: <p>What I have : </p>
  
  <pre><code>&lt;script&gt;
    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();  
      });
     */ 
  }
    &lt;/script&gt;
  &lt;div id="animation-reel"&gt;
      &lt;a class="bClose" onclick="stopvideos();"&gt;x&lt;a/&gt;
       &lt;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="{}"&gt;
      &lt;source src="videos/animation.m4v" type='video/mp4' /&gt;
        &lt;!--&lt;source src="peo_v10.webm" type='video/webm' /&gt;
        &lt;source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' /&gt;
        &lt;track kind="captions" src="videos/captions.vtt" srclang="en" label="English" /&gt;--&gt;
      &lt;/video&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>What I tried : </p>
  
  <pre><code>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();  
     });
  </code></pre>
  
  <p>What I want : </p>
  
  <p>Pause video click on model close link &lt; a class="bClose" onclick="stopvideos();">x&lt; a / ></p>
  
  <p>Thanks in advance</p>