title: Pausing Bootstrap carousel When a Video playing
body: <p>I have multiple slide with videos and images. Carousel is set to autoplay when loaded. But when someone plays a video and move mouse out of the side it keeps sliding ( as expected ).</p>
  
  <p><strong>How do I keep track of when a video is playing and pause?</strong> I have search around Stack Overflow but didn't find similar question. </p>
  
  <p>Site admin will add video later on so they could be iframe or html5 video. So, I need a solution that works for both.</p>