title: Pause HTML5 video in Owl Carousel on slide
body: <p>Im using Owl Carousel 2.0.0-beta.2.4 and in one slide I have a HTML5 video. What I want to do is when I change slide I want the video to be paused or stopped if pause is not possible. The slide can be changed by drag, touch, next and prev buttons and by keyboard arrows.</p>
  
  <p>My script looks like this right now: </p>
  
  <pre><code>$('.owl-carousel').owlCarousel({
      items: 1,
      animateOut: 'fadeOut',
      animateIn: 'fadeIn',
      URLhashListener: true,
      startPosition: 'URLHash',
      nav: true,
      autoHeight : true,
      video:true,
  });
  
  var owl = $('.owl-carousel').data('owlCarousel');
  
  $(document.documentElement).keyup(function(event) {
      if (event.keyCode == 37) {
          owl.prev();
      } else if (event.keyCode == 39) {
          owl.next();
      }
  });  
  </code></pre>
  
  <p>I have heard about onMove or callback functions but I don't quite understand them. </p>