Vimeo JavaScript API爲頁面上的所有iframe添加事件偵聽器

Question

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

UPDATE

---

這個問題肯定有與變量做。 Player告訴Froogaloop哪個iframe可以使用，iframe標識哪個html對象。所以我想這個問題是我可以如何識別頁面上的所有iframe，然後在Froogaloop激活時提供適當的iframe。

Answer 1

是的，正如我所看到的，在on（）和off（）函數中，Froogaloop通過參數爲您提供了iframe的ID。所以，在這種情況下，你應該添加和刪除類是這樣的：

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

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

而在你的HTML，你應該提供一個id =「VideoX時」每一個iframe標籤，再加上加& player_id = VideoX時，在結束來自iframe的src屬性的url地址。