Vimeo onFinish事件的簡單示例

我嘗試了幾個vimeo和其他網站的示例，以便在iframe嵌入vimeo視頻停止播放時獲取javascript事件。Vimeo onFinish事件的簡單示例

沒有我嘗試似乎工作！

有沒有人有一個iframe vimeo播放器的JavaScript onFinish事件的最簡單版本？

示例頁面是www.armourylondon.co.uk/work.php - 點擊視頻拇指動畫div，然後用Ajax加載到播放器中。我正在使用原型/ Scriptaculous框架的ajax和動畫。

我已經包含了froogaloop js，正如我所說的，我遵循了很多來自stackoverflow的示例，來自vimeo的API示例和其他網站，但都沒有工作 - 至少不適合我！

所有我需要的是當某個視頻播放完畢後，有人能夠展示出好的舊Hello World提醒 - 我可以從那裏完成剩下的工作！我一直坐在這裏三個小時試圖讓一個簡單的警報閃光，但唉，無濟於事！

運行thumbnail-to-vimeo動畫和加載的Js直接位於文檔的頭部 - 在評論'// Vimeo Auto close after finish'之下的ajax更新程序的onCopmplete函數內的代碼是最後的版本我已經嘗試過，沒有工作。直到Ajax Updater已將視頻加載到單擊縮略圖時增長的div中，我一直將代碼放在那裏，因爲iframe不存在於Dom中。

來源

2011-12-08 Ben Duffin

我最後使用了這段代碼 - 早上9點左右就開始工作了！

$f($('armoury_vid')).addEvent('ready', ready); 

function ready(player_id) { 
    // Keep a reference to Froogaloop for this player 
    var container = document.getElementById(player_id).parentNode.parentNode; 
    froogaloop = $f(player_id); 
    froogaloop.addEvent('finish', function(data) { 
     document.body.removeChild($('armoury_vid').parentNode); 
    }); 
}

我把代碼放到的onComplete回調的Ajax.Updater的呼叫這就是加載VIMEO視頻到頁面中。

我認爲這是因爲我沒有在Froogaloops $ f（）函數中包裝$（prototypecall） - 注意到錯誤！

以上腳本是使用原型框架構建的 - 這將需要很少的工作，以適應其使用jQuery的框架 - 其個人喜好 - 他們都做同樣的，只是略有不同句法！

來源

2011-12-09 13:14:10

縮短多一點 - > '$ F（$（ 'armoury_vid'））的addEvent（ '準備好'，函數（player_id）{// 保留引用到Froogaloop該球員 VAR容器=的document.getElementById（player_id）.parentNode.parentNode; froogaloop = $ F（player_id）; froogaloop.addEvent（ '完成'，功能（數據）{\t \t \t \t \t \t \t \t document.body.removeChild（$（ ''）;（）; }）; 01（'}）;' –

Vimeo onFinish事件的簡單示例

回答

相關問題