在第一个YouTube视频播放完毕后播放第二个YouTube视频

Question

我在我的网站上嵌入了YouTube视频。嵌入的视频播放完毕后，我想立即自动播放另一个 youtube 视频。我该怎么做？

Answer 1

当您初始化YouTube播放器时，请添加onStateChange Event。 然后查看事件是什么，如果它是 PlayerState.Ended，则加载下一个视频。 像这样的东西

    this.player = new YT.Player('player', {
      height: pxHeight,
      width: pxWidth,
      playerVars: {
                                'rel': 0,
                                'controls': 0,
                                'fs':0
      },
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange,
        'onError': onError
      }
    });
  function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING) {
        LOG("Youtube Playing");
    } else if (event.data == YT.PlayerState.ENDED) {
        LOG(">>>Youtube Ended");
        this.player.loadVideoById(ID, 0, "default");
    } else if (event.data == YT.PlayerState.PAUSED) {
        LOG("Youtube Paused");
    } else if (event.data == YT.PlayerState.BUFFERING) {
        LOG("Youtube Buffering");
    } else if (event.data == YT.PlayerState.CUED) {
        LOG("Youtube Cued");
    }
  }