youtube的预演

我想在同一个播放器中播放两个不同的youtube视频，第一个视频在第二个视频之前播放（作为预演广告）。一种仅包含两个视频的自定义播放列表

我真正需要的是，当播放器处于空闲状态时，它必须显示主视频（第二个）的图像，而不是预卷

因此，我想我必须使用youtube api加载主视频，然后停止，然后加载预播放，播放预播放后播放主视频，然后停止

---

为了完成这些任务，我曾尝试复制/粘贴相同的代码，但我被卡住了。有人能给我举个这样的例子吗？或者，至少是一些建议？非常感谢。

这有点粗糙，但通过监听状态更改事件来完成任务；在预演即将结束的时候，你可以通过集成一些基于主视频提示的智能前瞻监控来提高它的响应速度。但无论如何，这至少应该让你开始：

    <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>

var seenproll=false；
var preroll='rl1qKqlYy8M'；
var mainfeact='u1zgFlCw8Aw'；
变量playingId=''；
var tag=document.createElement（'script'）；
tag.src=“//www.youtube.com/iframe_api”；
var firstScriptTag=document.getElementsByTagName（'script'）[0]；
firstScriptTag.parentNode.insertBefore（标记，firstScriptTag）；
var播放器；
函数onyoutubeiframeapiredy（）{
player=新的YT.player（'player'{
高度：“390”，
宽度：“640”，
videoId:mainfeature，
活动：{
“onStateChange”：函数（事件）{
if（event.data==1&&seenproll==false）{
player.pauseVideo（）；
player.loadVideoById（预滚）；
playingId=预滚；
seenproll=true；
player.playVideo（）；
}
else if（event.data==0&&playingId==preroll）{
player.loadVideoById（主功能）；
playingId=主要特征；
player.playVideo（）；
}
}
}
});
}

谢谢保罗的建议，但这不是我需要的。我需要在第二个视频之前播放一段视频，就像在播放列表中一样。我想你也许可以从页面中获取一些代码：）当然，我看了一下，但是那里没有适合我的内容……非常感谢你Jarom编写了这个脚本，你让我度过了美好的一天。它的工作原理与预卷的工作原理完全相同。：）很高兴这有帮助。。。如果你有机会将答案标记为已接受，它也会帮助其他人找到答案！我想我已经做过了，我是新来的，在“stackoverflow”上。我再查一下。顺便说一句，你可以在这里看到你的脚本的工作示例：）我如何在博客上使用它？在多个帖子中使用它？