Javascript Youtube：在一个页面中添加两个嵌入视频

与YouTube API相比，这更像是一个JavaScript问题。我复制并修改了一点，以便同时添加两个视频。第一个自动播放，第二个不自动播放

我面临的问题是，它只显示第二个视频

以下是我到目前为止的情况：

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

    function onYouTubeIframeAPIReady() {
        player1 = new YT.Player('player1', {
            height: '315',
            width: '420',
            videoId: 'bHQqvYy5KYo',
            events: {
                'onReady': onPlayerReady
            }
        });
    }

    var player2;

    function onYouTubeIframeAPIReady() {
        player2 = new YT.Player('player2', {
            height: '315',
            width: '420',
            videoId: 'M3uWx-fhjUc',
            events: {
                'onReady': stopVideo
            }
        });
    }

    function onPlayerReady(event) {
        event.target.playVideo();
    }

    function stopVideo() {
        player.stopVideo();
    }
</script>


<div id="player1"></div>
<br>
<div id="player2"></div>

var tag=document.createElement（'script'）；
tag.src=”https://www.youtube.com/iframe_api";
var firstScriptTag=document.getElementsByTagName（'script'）[0]；
firstScriptTag.parentNode.insertBefore（标记，firstScriptTag）；
var-player1；
函数onyoutubeiframeapiredy（）{
player1=新的YT.Player（'player1'{
高度：'315'，
宽度：'420'，
videoId:'BHQVYY5KYO'，
活动：{
“onReady”：onPlayerReady
}
});
}
var-player2；
函数onyoutubeiframeapiredy（）{
player2=新的YT.Player（'player2'{
高度：'315'，
宽度：'420'，
videoId:'M3uWx fhjUc'，
活动：{
“onReady”：停止视频
}
});
}
函数onPlayerReady（事件）{
event.target.playVideo（）；
}
函数stopVideo（）{
player.stopVideo（）；
}

回答后的固定代码：

    <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 player1;
    var player2;

    function onYouTubeIframeAPIReady() {
        player1 = new YT.Player('player1', {
            height: '315',
            width: '420',
            videoId: 'bHQqvYy5KYo',
            events: {
                'onReady': onPlayerReady
            }
        });

        player2 = new YT.Player('player2', {
            height: '315',
            width: '420',
            videoId: 'M3uWx-fhjUc',
            events: {
                'onReady': stopVideo
            }
        });
    }


    function onPlayerReady(event) {
        event.target.playVideo();
    }

    function stopVideo() {
        player.stopVideo();
    }
</script>


<div id="player1"></div>
<br>
<div id="player2"></div>

var tag=document.createElement（'script'）；
tag.src=”https://www.youtube.com/iframe_api";
var firstScriptTag=document.getElementsByTagName（'script'）[0]；
firstScriptTag.parentNode.insertBefore（标记，firstScriptTag）；
var-player1；
var-player2；
函数onyoutubeiframeapiredy（）{
player1=新的YT.Player（'player1'{
高度：'315'，
宽度：'420'，
videoId:'BHQVYY5KYO'，
活动：{
“onReady”：onPlayerReady
}
});
player2=新的YT.Player（'player2'{
高度：'315'，
宽度：'420'，
videoId:'M3uWx fhjUc'，
活动：{
“onReady”：停止视频
}
});
}
函数onPlayerReady（事件）{
event.target.playVideo（）；
}
函数stopVideo（）{
player.stopVideo（）；
}

有两个函数名为

onyoutubeiframeapiredy

。首先将代码整合到一个函数中。

LOL，比我想象的要简单得多。谢谢