Vimeo и AnythingSlider

Question

Как получить видео Vimeo для повторного воспроизведения, когда AnythingSlider вернется к видеокадре?

 <script> 
     // DOM Ready 
     $(function(){ 
      $('#slider').anythingSlider({ 
       resizeContents  : true, 
       addWmodeToObject : 'transparent', 
       navigationFormatter : function(index, panel){ // Format navigation labels with text 
        return ['Promo Video', 'Photo #1', 'Photo #2', 'Photo #3', 'Photo #4'][index - 1]; 
       }, 
       startPanel   : 1, 
       autoPlay   : true, 
       delay    : 5000 
      }); 
     }); 
    </script> 




     <div id="slider_holder" style="width:984px;height:610px;"> 
      <ul id="slider"> 
       <li class="panel1"> 
        <iframe src="http://player.vimeo.com/video/55968550?title=0&amp;byline=0&amp;portrait=0" width="984" height="554" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> 
       </li> 
       <li class="panel2"> 
        Photo #1 
       </li> 
       <li class="panel3"> 
        Photo #2 
       </li> 
       <li class="panel4"> 
        Photo #3 
       </li> 
       <li class="panel5"> 
        Photo #4 
       </li> 
      </ul> 
     </div> 

В настоящее время, после того, как ползун воспроизводит видео, проходит через фотографии, а затем возвращается к видео - видео остается в конце. Есть ли способ, с помощью которого можно начать видео в начале?

Answer 1

Используя последнюю версию AnythingSlider (v1.9 +), код расширения видео вызывается отдельно от плагина AnythingSlider. Таким образом, вы можете использовать следующий код, чтобы перезапустить видео после его завершения (demo):

/* play video when it comes into view, even after it has completed */ 
$.fn.anythingSliderVideo.services.vimeo1.cont = function(base, $vid, index) { 
    base.video.postMsg('{"method":"play"}', $vid[0].id); 
}; 

$(function() { 
    $('#slider') 
    .anythingSlider({ 
     resizeContents: true, 
     navigationFormatter: function (index, panel) { 
      return ['Promo Video', 'Photo #1', 'Photo #2', 'Photo #3', 'Photo #4'][index - 1]; 
     }, 
     startPanel: 1, 
     autoPlay: true, 
     delay: 5000 
    }) 
    .anythingSliderVideo({ 
     wmode: 'transparent&autoplay=1' // (hack) add autoplay code here 
    }); 
}); 

Это своего рода хак, но если у вас есть только один видео на стартовой странице, а затем сделать видео автовоспроизведение, добавьте &autoplay=1 в опцию wmode.