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

时间:2012-12-17 23:49:08

标签: youtube youtube-api

我在我的网站上嵌入了YouTube视频。嵌入式视频播放完毕后,我想立即自动播放另一个YouTube视频。 我怎么能这样做?

1 个答案:

答案 0 :(得分:1)

初始化youtube播放器时,添加onStateChange事件。然后看看事件是什么,如果它是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");
    }
  }