依次嵌入 2 个 youtube 视频答案

【问题标题】：Embed 2 youtube videos in sequence依次嵌入 2 个 youtube 视频
【发布时间】：2016-02-03 11:51:05
【问题描述】：

我正在尝试在我的页面中嵌入一个 youtube 视频，但我需要在播放该视频之前播放一个小型商业视频，然后依次播放我的视频。我不知道如何使用 API，所以我使用了 youtube 的 embed 标签。

假设 b4ZeoLkeoec 是我的商业视频的 youtube ID，而 6bv0IvzNcvY 是我要播放的视频。

经过几次更改后，我使用了更接近我需要的代码。

<iframe width="560" height="315" src="https://www.youtube.com/embed/6bv0IvzNcvY,?showinfo=0&rel=0&autoplay=1&loop=0;playlist=b4ZeoLkeoec,6bv0IvzNcvY" frameborder="0" allowfullscreen></iframe>

它首先播放商业广告 (b4ZeoLkeoec)，然后是视频 (6bv0IvzNcvY)，但进入循环。我尝试设置 loop=1 和 loop=0 但没有用。我删除了循环，但它只播放第一个视频。我希望它播放两个视频然后停止。

谁能帮助我？谢谢你。贝托

【问题讨论】：

标签： video youtube embed sequence

【解决方案1】：

我刚看了看，我传递的代码有问题。这是我试过的：

<iframe width="560" height="315" src="https://www.youtube.com/embed/6bv0IvzNcvY?showinfo=0&rel=0&autoplay=1&loop=0&playlist=b4ZeoLkeoec,6bv0IvzNcvY" frameborder="0" allowfullscreen></iframe>

【讨论】：

【解决方案2】：

我找到了一种方法来做我想做的事。我会在这里发帖，以防其他人遇到同样的问题。

    <div id="player"></div>
    <script>
        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 onYouTubePlayerAPIReady() {
            player = new YT.Player('player', {
                height: '390',
                width: '640',
                loadPlaylist: {
                    listType: 'playlist',
                    list: ['b4ZeoLkeoec', '6bv0IvzNcvY'],
                    index: parseInt(0),
                    suggestedQuality: 'small'
                },
                playerVars: {rel: 0, showinfo: 0},
                events: {
                    'onReady': onPlayerReady,
                    'onStateChange': onPlayerStateChange
                }
            });
        }
        function onPlayerReady(event) {
            event.target.loadPlaylist(['b4ZeoLkeoec', '6bv0IvzNcvY']);
        }
        var done = false;
        function onPlayerStateChange(event) {
            if (event.data == YT.PlayerState.PLAYING && !done) {
                // setTimeout(stopVideo, 60000);
                done = true;
            }
        }
        function stopVideo() {
            player.stopVideo();
        }
    </script>

【讨论】：