使用window.onbeforeunload暫停YouTube視頻，使其不會與音頻重疊

Question

我有一個網站在嘗試離開網站時有自定義音頻錄製。這工作正常，但問題是我也有一個YouTube視頻重疊我的音頻。

我要暫停或當我的聲音開始播放靜音，我的YouTube視頻，這是由window.onbeforeunload

觸發我試圖這樣做是這樣的：

window.onbeforeunload = function() { 
     player.pauseVideo(); 
     } 

我已經實現的YouTube API和一切工作正常，但暫停沒有被觸發。任何想法爲什麼？

謝謝！

Answer 1

從YouTube Player API Reference for iframe Embeds開始。

然後，您可以按照SO post中的這些步驟操作。

1. 異步代碼片段下載並執行YT iframe的API
2. onYouTubeIframeAPIReady()，就會引發API準備
3. 創建一個新的YT.Player對象
4. 現在您的代碼可以調用pauseVideo()在您的播放器對象

你很可能想要禁用你的img上的任何事件，直到 onYouTubeIframeAPIReady()已被解僱。

另請參閱此code以供參考。

Answer 2

由於YouTube API是一個異步加載，你不能從任何已經執行的任何東西中調用它。

我的建議是在您的window.onbeforeunload函數中放入一個「var」的「audio_playing」，並使其成爲全局函數。然後分別將其設置爲true或false。

在你的YT api代碼中。讓YT播放器尋找那個「var」並相應地設置播放狀態。