0

VimeoビデオをjQueryCycleスライドショーに取り込もうとしています。

ビデオはスライドショーでうまく機能しますが、新しい<iframe>埋め込みシステムでは、視聴者がビデオの再生を押したときに、ビデオがスライドショーを停止するように見えません。

<iframe>モバイルデバイスで使用するには、新しいシステムを使用する必要があります。

スライドショーのjQueryは次のとおりです。

jQuery('#imagegallery').cycle({
    fx: 'scrollHorz'
});

これは埋め込みコードです：

<iframe src="http://player.vimeo.com/video/23565246?title=0&amp;byline=0&amp;portrait=0" width="584" height="328" frameborder="0"></iframe>

スライドショーの構造：

<div id="imagegallery>
<span><iframe src="http://player.vimeo.com/video/23565246?title=0&amp;byline=0&amp;portrait=0" width="584" height="328" frameborder="0"></iframe></span>
<span style="display:none;"><iframe src="http://player.vimeo.com/video/23565246?title=0&amp;byline=0&amp;portrait=0" width="584" height="328" frameborder="0"></iframe></span>
</div>

これに関するアイデアは大歓迎です！私はjQueryが得意ですが、<iframe>組み込みシステムで何かが起こっていると思います。

ありがとう、ダン

4

2 に答える 2

2

いくつかのアイデア..

サイクル プラグインの一時停止オプションを使用してみてください 。その他のオプションについては、このページ [http://jquery.malsup.com/cycle/options.html] を確認してください。

別のアイデアは、ビデオが iframe に含まれているため、iframe によって「発生」したイベントをチェックすることです (おそらくホバーします)。サイクル プラグインを停止します (オプション ページの停止オプションを参照してください)。

一般に、どのイベントが発生する可能性があるか、およびそれらがプラグインにアニメーションを「停止」するように指示するかどうか/いつ発生するかを特定しようとします。

于 2011-05-17T16:12:29.553 に答える
1

私もしばらく前にこの問題を抱えていたので、答えを投稿しようと思いました...一時停止オプションで機能しました。iframeを介して「再生」イベントをキャプチャする方法が見つからなかったため、ユーザーがiframe上にマウスを置いたときにビデオを一時停止しました。再生および一時停止コントロールを使用することにより、少なくともユーザーはスライドショーがいつ再生または一時停止されているかを確認できました。

.videoすべてのiframe要素にクラスを追加しました

$('.video').mouseover(function() {
        $('.slideshow').cycle('pause');
    });

繰り返しになりますが、私の場合、ビデオが終了した場合、またはユーザーが先に進みたい場合は、「再生」ボタンを使用してスライドショーを続行しました。

于 2011-07-21T15:08:48.243 に答える