YouTube框架API:仅用于初始视频的事件听众

Question

与youtube框架API一起玩，我从Google文档中获取了示例代码，该示例代码停止了6秒后传递给iframe的视频：

var tag = document.createElement('script');
  tag.src = "https://www.youtube.com/iframe_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
  var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      videoId: 'M7lc1UVf-VE',
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
      }
    });
  }
  function onPlayerReady(event) {
    event.target.playVideo();
  }
  var done = false;
  function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING && !done) {
      setTimeout(stopVideo, 6000);
      done = true;
    }
  }
  function stopVideo() {
    player.stopVideo();
  }

这一切都很好，很花花公子，但是我在另一个针对iframe的Div中加载了视频，他们没有回应此活动的听众（即他们在6秒后继续播放）。为什么是这样？它仍然不一样吗？查看页面源代码时，ID和名称似乎在查看。

编辑：只是注意到在运行检查元素时，iframe不会更改，即源代码中的视频仍然与初始视频相同，而不是新加载的视频。一个线索，但我现在有点困惑。

Answer 1

'player'是附加iframe

的地方

player = new YT.Player('player', {

这样称呼：

video = document.getElementById('iFrameID'); //JQuery would be $("#iFrameID");
player = new YT.Player(video, {

如果您希望一次控制多个视频，则需要尝试使用多个YT.Player对象或运行，也许您可以使用类而不是ID。