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

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');
    });
  });
});