如何分別控制兩個嵌入的iframe youtube視頻？

Question

所以我的最終目標是讓兩個視頻播放器相互疊加，當接近尾聲時，它會淡化音量，並將底層視頻的div設置爲最高，然後使用新視頻淡化音量。

我可以用api成功控制YouTube播放器，但我不知道從哪裏開始說，我想等待具體的第一個球員開始事件，而不是隻有任何球員開始事件。

有什麼想法？

例如我如何獲得這個功能來區分兩個玩家？

function onPlayerReady(event) { 
    event.target.playVideo(); 
} 

Answer 1

YouTube的I幀API的流程如下：

1. 負載的YouTube API。
2. 加載時，將調用全局方法onYouTubeIframeAPIReady。
3. 在這種方法中，會創建一個包裝來與帶框的YouTube播放器進行交互。

的onPlayerReady方法，你的問題是步驟3中的一部分，我繼續發言之前，我展示的the example從官方文檔的一部分。

// 3. This function creates an <iframe> (and YouTube player) 
// after the API code downloads. 
var player; 
function onYouTubeIframeAPIReady() { 
    player = new YT.Player('player', { 
     // ... 
     events: { 
     'onReady': onPlayerReady // <------- 
     // ... 

在這個例子中，你清楚地看到，你是在onPlayerReady功能結合到一個特定的事件。對於兩名球員採取不同的行動，你可以簡單地使用不同的功能。

player1 = new YT.Player('id_of_player1', { 
    events: { 
     'onReady': onPlayerReady1 
    } // ... 
}; 
player2 = new YT.Player('id_of_player2', { 
    events: { 
     'onReady': onPlayerReady2 
    } // ... 
};