Question

我试图在每个Cycle幻灯片中暂停vimeo播放器，如果我在我的脚本like this中单独声明它们，我就能成功地做到这一点：

$(function() {
    var iframe1 = $('#player1')[0];
    var iframe2 = $('#player2')[0];
    var iframe3 = $('#player3')[0];
    var player1 = $f(iframe1);
    var player2 = $f(iframe2);
    var player3 = $f(iframe3);

    $('.cycle-pager').click(function() {
        player1.api('pause');
        player2.api('pause');
        player3.api('pause');
    });
});

但是，我想通过一个阵列传递它们，这样我就不必进行所有手动分离。 I've attempted to do this, but it's not working。它说froogaloop脚本不允许子串通过：

$(function() {
    var vimeoiframes = $('iframe').contents().find('body').toArray();

    for (var a = 0; a < vimeoiframes.length; a++) {
        $f( vimeoiframes[a] );
    }

    $('.cycle-pager').click(function() {
        for (var i = 0; i < vimeoiframes.length; i++) {
            vimeoiframes[i].api('pause');
        }
    });
});

任何人都有任何提示或者更好的解决方案来解决这个问题吗？

谢谢！

Answer 1

未经测试但应该有效。

$(document).ready(function () {    
  $("iframe").each(function () {
    var frame = $f(this);
    $(".cycle-pager").on('click', function () {
      frame.api('pause');
    });
  });
});

在每个Cycle幻灯片上暂停Vimeo播放器

1 个答案: