2

BJQSを使用してビデオ スライドショーを作成しました。ビデオは として埋め込まれ<iframe>、Vimeo から提供されます。スライドショーは正常に動作していますが、ビデオを再生するたびにスライドショーが回転し続けます。つまり、ビデオは数秒間再生された後、リスト内の次のビデオにフェードインします。

スライドショーを一時停止する BJQS に追加する機能を実装する方法を提案できる人はいますか? 私は Vimeo API を使用しているので、「ビデオの開始時」や「ビデオの終了時」などのイベントを利用できるので、これについては助けを求めないでください。一時停止 (ビデオの開始時に開始) して再開 (ビデオの終了時に開始) するだけです。スライドショー。

BJQS のソースには、「ホバリング時に」スライドショーを一時停止し、ホバーが失われたときにスライドショーを再開する機能があります。これは Vimeo ビデオで機能しますが、これを利用する試みはすべて失敗しました。

私はjQueryに比較的慣れていないので、アドバイスをいただければ幸いです。

また、組み込みのイベント呼び出しを介して一時停止する機能を備えた同様の軽量 jQuery スライドショーを知っている場合は、この機能のないスライドショーは私のシナリオでは役に立たないため、変換を検討します。

4

1 に答える 1

0

BJQS の使用をリクエストされたことは承知していますが、BJQS はプラグインでイベントをサポートしていません。お探しのサポートを追加しようとしましたが、それほど時間がありません。そのプラグインを使用する代わりに、サイクルを使用するのはどうですか?

フィドルにサンプルがあります（私のものではありません）

http://jsfiddle.net/ezrafree/hrX2j/

コードは bjqs に似ています。

$('#container').cycle({
    /* cycle options */
    fx:      'scrollHorz',
    prev:    '#prev',
    next:    '#next',
    timeout:  0,
    after: function() {
        $('#container iframe').attr('src', '');
        var theSource = $(this).find('iframe').attr('alt');
        console.log('theSource:before', theSource);
        $(this).find('iframe').attr('src', theSource);
    }
});

VIMEO、YOUTUBE、およびいくつかの静的コンテンツも使用しています。ニーズに合わせてカスタマイズし、bjqs などとまったく同じように見せることができますhttp://jquery.malsup.com/cycle/more.html?v2.23

このプラグインのカスタマイズについてさらにサポートが必要な場合、またはプラグインを変更できない場合はお知らせください。

于 2014-03-03T15:32:58.163 に答える