3

一直在玩弄 Vimeo 的 JavaScript API Froogaloop，并试图向当前正在播放的 Vimeo iFrame 添加一个类。使用 API 的事件似乎很简单，但我似乎无法理解它。这是我到目前为止所得到的：

下面的代码是他们示例的简化版本。虽然它没有在我的控制台中引起任何错误，但我没有得到任何日志（因此没有得到类）。我错过了什么吗？

谢谢你的帮助！

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。

4

1 回答 1

0

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

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

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

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

于 2012-10-04T16:17:49.600 回答