Question

正在使用Vimeo的JavaScript API Froogaloop，并试图将类添加到当前正在播放的Vimeo iFrame中。看起来很简单，使用API的事件，但我似乎无法绕过它。这是我到目前为止所得到的：

以下代码是their example的简化版本。虽然它没有在我的控制台中导致任何错误，但我没有得到任何日志（因此没有获得类）。我错过了什么吗？

感谢您的帮助！

var iframe = $('article.video iframe')[0],
    player = $f(iframe);

player.addEvent('ready', function() {
    player.addEvent('play', on);
    player.addEvent('pause', off);
    player.addEvent('finish', off);
});

function on(id) {
    console.log('playing');
    player.addClass('playing');
}
function off(id) {
    console.log('not playing');
    player.removeClass('playing');
}

更新

问题肯定与变量有关。 Player告诉Froogaloop使用哪个iframe，iframe标识哪个html对象。所以我想问题是我如何识别页面上的所有iframe，然后在激活一个iframe时将Froogaloop提供给适当的iframe。

Answer 1

是的，正如我所看到的，在on（）和off（）函数中，Froogaloop通过参数为您提供iframe的ID。因此，在这种情况下，您应该添加和删除这样的类：

$('#'+id).addClass('playing');

$('#'+id).removeClass('playing');

在HTML中，您应该为每个iframe标记提供一个id =“videoX”，并在iframe的src属性的url地址末尾添加＆amp; player_id = videoX。

Vimeo JavaScript API将事件侦听器添加到页面上的所有iframe

1 个答案: