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

【问题标题】：Vimeo JavaScript API add event listener to all iframes on the pageVimeo JavaScript API 将事件监听器添加到页面上的所有 iframe
【发布时间】：2012-07-19 07:14:06
【问题描述】：

一直在搞乱Froogaloop，Vimeo 的 JavaScript API，并试图向当前正在播放的 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。

【问题讨论】：

标签： javascript jquery events vimeo froogaloop

【解决方案1】：

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

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

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

在您的 HTML 中，您应该为每个 iframe 标签提供一个 id="videoX"，并在 iframe 的 src 属性的 url 地址末尾添加 &player_id=videoX。

【讨论】：