在同一页面上播放另一个视频时暂停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

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