Javascript 在同一页面上播放其他视频时暂停Youtube视频

我使用Youtube iframe API在用户单击视频的缩略图图像时动态加载Youtube视频。当一个视频已经播放，而用户开始播放另一个视频时，我想暂停已经播放的第一个视频

我还想在视频播放完毕后加载下一个视频

这是我的密码：

loaded_video_array = new Array();

$("div.embed").live('click', function() {

    thumb.removeClass("play-button").addClass("pressed");

    add_embedded_player();

});

function onPlayerStateChange(event) {
    if (event.data == 0){

        $("div.pressed").parents("div.video").next().find("div.embed").click();

    }else if (event.data == 3){

        for (var i=0;i < loaded_video_array.length; i++){
             loaded_video_array[i].pauseVideo();
        }

        loaded_video_array.push(event.target);   
    }
};

loaded_video_array=new array（）；
$（“div.embed”）.live（'click'，function（）{
thumb.removeClass（“播放按钮”）.addClass（“按下”）；
添加嵌入式播放器（）；
});
函数onPlayerStateChange（事件）{
如果（event.data==0）{
$（“div.pressed”）.parents（“div.video”）.next（）.find（“div.embed”）.click（）；
}else if（event.data==3）{
对于（变量i=0；i

每次用户动态加载视频时，将其变量/引用存储在数组中。然后，当开始一个新的视频时，只需迭代数组并暂停每个视频。如果它已经暂停，那么没有伤害，没有犯规。这不是最佳做法，但会奏效。

如何获取视频的参考？我尝试设置

playerapiid

参数，然后调用

document.getElementById（apid）.pauseVideo（）

，但我得到的错误是，我在一个空变量上调用了该方法。你能发布播放视频的代码吗？我可以在那里帮助你。好的，我发布了我的代码并遵循了你的建议。除了有一个大问题外，它是有效的。我只能在

event.data==3

时暂停阵列中的视频，这是从一开始播放视频的时候。如果用户重放已暂停的视频，则不会对其他视频执行暂停代码。。。