0

問題の例: http://jsfiddle.net/EtWXX/

無限カルーセルを自動再生に設定しています。動画も埋め込まれています。ただし、2つのことを行う必要があります。

  1. ビデオが再生されている場合は停止します。
  2. 「next」と「prev」が相互作用した場合は停止します。
4

1 に答える 1

0

物事がやり取りされたときに呼び出すだけで、スライドを再開したいときにclearInterval(intervalId)もう一度設定するだけです。intervalId = window.setInterval(slide, 5000);ホバー時に一時停止したい場合は、次のようにします。

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

vimeoビデオの再生を検出するためのコードが何であるかはわかりませんが、この方法でスクロールをオン/オフするのは簡単です.

編集

vimeo の場合は、vimeo URL の最後に追加する必要があるAPIを確認し、これを行うために使用できるfroogaloopと呼ばれるライブラリをロードする必要があります。?api=1iframe

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

ビデオの再生時にスライドショーを停止し、ビデオの停止時に再開する必要があります。API からのイベントをリッスンしています。

前と次については、プラグインのコードの直後にクリア間隔を追加するjQuery(next).click(function(event) {だけjQuery(prev).click(function(event) {です。スライドショーを再開する方法はわかりませんが、そのためのコードは既にわかっています...

于 2012-03-27T20:10:45.190 に答える