掛鉤點擊嵌入式YouTube播放器中的事件

Question

每當有人點擊嵌入式YouTube視頻上的「播放」按鈕時，我想運行一個名爲stopSlide的功能。甚至當他們點擊任何地方嵌入式視頻內的功能運行，現在對我來說都可以正常工作。

我該怎麼做？

Answer 1

有一個YouTube JavaScript API提供事件回調。

不幸的是，沒有辦法直接檢測點擊事件（至少我沒有意識到任何）。但是，您可以檢測您可以使用的播放器狀態變化onStateChange。

首先，你需要通過使用一個特殊的URL嵌入它能夠在播放器的JS API：

http://www.youtube.com/v/VIDEO_ID?version=3&enablejsapi=1 

然後，你需要創建一個事件處理函數：

function player_state_changed(state) { 
    /* This event is fired whenever the player's state changes. 
    Possible values are: 
    - unstarted (-1) 
    - ended (0) 
    - playing (1) 
    - paused (2) 
    - buffering (3) 
    - video cued (5). 
    When the SWF is first loaded it will broadcast an unstarted (-1) event. 
    When the video is cued and ready to play it will broadcast a video cued event (5). 
    */ 

    if (state == 1 || state == 2) { 
    alert('the "play" button *might* have been clicked'); 
    } 

} 

最後，您需要確保在電影狀態發生變化時處理程序被調用：

document.getElementById('MY-PLAYER-ID').addEventListener('onStateChange', 'player_state_changed'); 

Answer 2

您需要在播放器上註冊一個事件監聽器以調用您的stopSlide函數。下面的代碼行應該爲你做（首先你必須用適當的值替換兩個「」字符串「 - 嵌入式播放器的ID和要調用的函數的名稱，例如：」 stopSlide「）：

document.getElementById("_idOfEmbeddedPlayerElement_").addEventListener("onStateChange", "_nameOfFunctionToCall_");`