按顺序嵌入 2 个 youtube 视频

Embed 2 youtube videos in sequence

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

假设 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 但没有用。我删除了循环,但它只播放第一个视频。我希望它播放两个视频然后停止。

谁能帮帮我?谢谢你。 贝托

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

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

我找到了一种方法来做我想做的事。 我要去 post 以防其他人遇到同样的问题。

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