jQuery的無限旋轉木馬自動播放需要

Question

實例停止時，按播放嵌入式視頻在這裏的問題：http://jsfiddle.net/EtWXX/

我有我的無限轉盤設置爲自動播放。 它也嵌入了視頻。 但我需要它做兩件事。

1. 停止播放視頻。
2. 如果'next'&'prev'與之交互，則停止。

Answer 1

您只需在與事件交互時調用clearInterval(intervalId)，然後在您希望它再次開始滑動時使用intervalId = window.setInterval(slide, 5000);再次設置它。如果你想讓它停留在懸停你會做這樣的事情：

$('#viewport').hover(
    function(){clearInterval(intervalId);}, 
    function(){intervalId = window.setInterval(slide,5000);} 
); 

我不知道是什麼代碼將檢測VIMEO視頻播放或不是，但它是微不足道打開卷動/這樣。

編輯

對於VIMEO你應該看看他們的API必須添加?api=1您VIMEO網址的結尾在iframe並加載它們的庫調用froogaloop，你可以用它來做到這一點：

 jQuery('iframe.vimeo').each(function(){ 
      $f(this).addEvent('play', function(){clearInterval(intervalId);}); 
      $f(this).addEvent('stop', function(){intervalId = window.setInterval(slide,5000);}); 
     }); 

應該停止幻燈片播放，當你播放視頻，並在視頻停止，它偵聽來自API的事件重新啓動

至於prev &接下來，只需在插件代碼中的jQuery(next).click(function(event) {和jQuery(prev).click(function(event) {之後添加明確的間隔，我不知道如何恢復幻燈片顯示，但我們已經知道該代碼了。 。