如何在多台播放器上使用youtube iframe Api中的事件

<script src="https://www.youtube.com/iframe_api"></script>

<div id="player1"></div>
<div id="player2"></div>
<!-- 可以添加更多的播放器 -->

function onYouTubeIframeAPIReady() {
  // 初始化播放器1
  new YT.Player('player1', {
    height: '360',
    width: '640',
    videoId: 'VIDEO_ID_1',
    events: {
      'onReady': onPlayerReady,
      'onStateChange': onPlayerStateChange
    }
  });

  // 初始化播放器2
  new YT.Player('player2', {
    height: '360',
    width: '640',
    videoId: 'VIDEO_ID_2',
    events: {
      'onReady': onPlayerReady,
      'onStateChange': onPlayerStateChange
    }
  });

  // 可以添加更多的播放器初始化
}

function onPlayerReady(event) {
  // 播放器准备好播放时的处理逻辑
}

function onPlayerStateChange(event) {
  // 播放器状态变化时的处理逻辑
  if (event.data == YT.PlayerState.PLAYING) {
    // 播放中的处理逻辑
  } else if (event.data == YT.PlayerState.PAUSED) {
    // 暂停中的处理逻辑
  } else if (event.data == YT.PlayerState.ENDED) {
    // 播放结束的处理逻辑
  }
}

function onPlayerError(event) {
  // 播放器错误时的处理逻辑
}