Javascript 如何分别控制两个嵌入式iframe youtube视频？

因此，我的最终目标是让两个视频播放器相互重叠，当其中一个接近尾声时，它会降低音量，并将基础视频的div设置在顶部，然后使用新视频将音量提高

我可以用api成功地控制youtube播放器，但我不知道从哪里开始，比如说我想特别等待第一个玩家启动事件，而不仅仅是任何玩家启动事件

有什么想法吗

例如，如何使用此函数来区分两个玩家

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

---

YouTube Iframe API的流程如下：

加载YouTube API

加载时，将调用全局

onyoutubeiframeapiredy

方法

在这个方法中，创建了一个包装器来与一个带边框的YouTube播放器交互

问题中的

onPlayerReady

方法是步骤3的一部分。在继续之前，我将显示官方文档中的一部分

// 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 // <-------
      // ...

---

这比我想象的容易多了！非常感谢。

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