youtube - youtube 的预告片

Question

我想在同一个播放器中播放两个不同的 YouTube 视频，第一个视频在第二个之前播放(作为前置广告)。一种仅包含两个视频的自定义播放列表。

我真正需要的是，当播放器处于空闲状态时，它必须显示主视频(第二个)的图像，而不是前置广告。

所以，我想我必须使用 youtube api 来加载主视频，然后停止它，然后加载预贴片，在播放预贴片后播放主视频然后停止。

我试图复制/粘贴相同的代码来完成这些任务，但我被困住了。有人可以为此给我一个工作示例吗？或者，至少有一些建议？非常感谢。

Answer 1

这有点粗糙，但是通过监听状态变化事件完成你的任务；您可以通过集成一些基于提示主视频的智能前瞻监控来提高响应速度，因为预卷即将结束。但无论如何，这至少应该让你开始:

    <div id="player"></div>
      <script>
      var seenPreroll=false;
      var preroll='rl1qKqlYy8M';
      var mainfeature='u1zgFlCw8Aw';
      var playingId='';
      var tag = document.createElement('script');
      tag.src = "//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', {
          height: '390',
          width: '640',
          videoId: mainfeature,
          events: {
            'onStateChange': function(event) {
                        if (event.data==1&&seenPreroll==false) {
                                player.pauseVideo();
                                player.loadVideoById(preroll);
                                playingId=preroll;
                                seenPreroll=true;
                                player.playVideo();
                        }
                        else if (event.data==0&&playingId==preroll) {
                                player.loadVideoById(mainfeature);
                                playingId=mainfeature;
                                player.playVideo();
                        }
                }
          }
        });

}
</script>