Javascript 一个页面上有多个YouTube播放器API实例

我花了一天的时间在这上面。我取得了一些好的进展，但这最后一部分让我陷入困境

我正在使用YouTube的API。我配置了一个侦听器事件，视频自动播放，并在完成时自动关闭。所有这些都非常有效

我想做的是让DIV在一个页面（实际上是5个页面）上分配多个视频。有没有一种方法可以用这个代码实现这一点

    // create youtube player
    var player;
    function onYouTubePlayerAPIReady() {
        player = new YT.Player('player', {
          height: '488',
          width: '800',
          videoId: '49QKXdRTX-A',
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });
    }

    // autoplay video
    function onPlayerReady(event) {
        event.target.playVideo();
    }

    // when video ends
    function onPlayerStateChange(event) {    
if(event.data === 0) {
    $("#player").hide();          
        }    
    }

此外，值得一提的是，我将有两个视频在完成时自动显示另一个DIV，如下所示：

function onPlayerStateChange(event) {    
if(event.data === 0) {
$("#player").hide();
$("#gallery-main").show();

---

任何帮助都将不胜感激。谢谢

我知道这不是一个“答案”，但你可能会在我对一个类似问题的另一个答案中找到价值：嗯，真的很好的信息，谢谢你传递它！我要试一试。