title: Anythingslider: Go to next panel when video playback is finished
body: <p>I'm experimenting with the Anythingslider (JQuery). </p>
  
  <p>I used this code to autoplay video when the video panel is active:
  <a href="http://jsfiddle.net/Mottie/ycUB6/495/" rel="nofollow">LINK</a></p>
  
  <p>I've created a demo site <a href="http://www.centrumkanalen.se/btv/video.html" rel="nofollow">HERE</a></p>
  
  <p><strong>Here's the javascript:</strong></p>
  
  <pre><code>var playvid = function(slider) {
  var vid = slider.$currentPage.find('video');
  if (vid.length) {
      // autoplay
      vid[0].play();
  }
  
  };
  
  $('#slider').anythingSlider({
  // Autoplay video in initial panel, if one exists
  onInitialized: function(e, slider) {
      playvid(slider);
  },
  // pause video when out of view
  onSlideInit: function(e, slider) {
      var vid = slider.$lastPage.find('video');
      if (vid.length &amp;&amp; typeof(vid[0].pause) !== 'undefined') {
          vid[0].pause();
      }
  },
  // play video
  onSlideComplete: function(slider) {
      playvid(slider);
  },
  // pause slideshow if video is playing
  isVideoPlaying: function(slider) {
      var vid = slider.$currentPage.find('video');
      return (vid.length &amp;&amp; typeof(vid[0].pause) !== 'undefined' &amp;&amp; !vid[0].paused &amp;&amp; !vid[0].ended);
  
  }
  });
  </code></pre>
  
  <p><strong>The problem:</strong>
  I want to move to the next panel of the slide when the video has played. Is this possible?</p>
  
  <p>Thanks!</p>