title: jquery slides and html5 video
body: <p>I am trying to use an HTML5 video as the first element in a <a href="http://slidesjs.com/" rel="nofollow">SlidesJS</a> slideshow. The problem is if I click on the play button to play the video, the slideshow should stop until the video finishes completely and then the slideshow should move to the next slide. Also, the hoverpause works only on images but not on html5 video element.</p>
  
  <p>Here's my JavaScript code so far:</p>
  
  <pre><code>$(function () {
      $('#slides').slides({
          preload: true,
          preloadImage: 'Images/loading.gif',
          play: 5000,
          pause: 2500,
          hoverPause: true
      });
  });
  </code></pre>