title: bootstrap carousel - pause the html video while sliding
body: <p>I have bootstrap carousel which includes both images and videos and it works fine. But when we move to next slide, currently playing video in active slide should be paused. </p>
  
  <p>Now the video is still playing even after moving to next slide.</p>
  
  <p>Any help is much appreciated.</p>
  
  <p>Thanks!!</p>
  
  <pre><code>$('#myCarousel').carousel({
    interval: 3000
  });
  </code></pre>
  
  <p><strong><a href="http://jsfiddle.net/2q99udgk/45/" rel="nofollow">DEMO</a></strong></p>