我如何单独控制两个嵌入式iFrame YouTube视频

Question

，所以我的最终目标是让两个视频播放器彼此之间，当一个视频播放然后用新视频淡入音量。

我可以通过API成功控制YouTube播放器，但是当我想等待第一个玩家开始事件时，我不知道从哪里开始，而不仅仅是任何玩家开始事件。

有什么想法？

例如，我如何获得此功能以区分两个玩家？

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

Answer 1

YouTube Iframe API的流量如下：

1. 加载YouTube API。
2. 加载时，将调用全局onYouTubeIframeAPIReady方法。
3. 在此方法中，创建包装器是为了与框架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 // <-------
      // ...

在此示例中，您清楚地看到您将onPlayerReady函数绑定到特定事件。要为两个玩家采取不同的行动，您可以简单地使用不同的功能。

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