当您在同一页面上播放另一个视频时暂停 Youtube 视频

Question

当用户单击视频的缩略图时，我正在使用 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);   
    }
};

Answer 1

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