2011-11-08 37 views
1

我正在研究此移動網站,我需要在全屏播放YouTube視頻。到現在爲止還挺好。只需嵌入一個YouTube,即可。YouTube上的事件嵌入到移動Safari,iPhone(停止回調)

但是! (是的,總有一個«但»»

我需要在視頻結束時觸發事件(即JS功能)。我想通Safari瀏覽器翻譯YT嵌入<video>標籤,所以我嘗試使用HTML5s視頻事件,但沒有奏效:

$('video').bind('ended', function() { 
    alert('Video has ended'); 
}); 

這種精細的代碼使用<video>工作時直接標記,但不使用YT嵌入時。

那麼,當YT視頻播放完畢後,如何激發這個功能?

謝謝!

+0

的部分是否有可能它沒有設置YT嵌入到「視頻」的ID?如果是這樣,請查看您是否有其他方式在DOM中查找該項目。 – Tim

+0

選擇器'$('video')'匹配每個'

+0

在這種情況下,蘋果公司有可能得到一個'$('video')'不匹配的Safari專用標籤。但是,必須有某種方式來輸出頁面的源代碼。 – Tim

回答

1

在創建YT實例時,可以提供一個將事件映射到處理程序的散列。爲onStateChange事件提供處理函數,並測試與視頻結束(0)對應的eventType。

new YT.Player('player', { 
    events: { 
     'onStateChange' : function (eventType) { if (eventType.data == 0) { ... } } 
    } 
}); 

瞭解YouTube的JavaScript API爲events

相關問題