在同一頁面上播放另一個視頻時暫停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

用戶每次動態加載視頻，存儲它在一個數組變量/參考。然後，在開始新視頻時，只需遍歷數組並暫停每個視頻即可。如果它已經暫停，那麼沒有傷害沒有犯規。這不是最好的做法，但它會起作用。