如何在播放YouTube視頻時暫停背景音樂

Question

我使用HTML5音頻標籤播放一些背景音樂，頁面上還有YouTube視頻。我無法弄清楚如何在YouTube視頻播放時自動停止背景音樂。

<audio id="player" autoplay src="War drums.mp3"></audio> 
    <div id="music"> 
<button id="play" onclick="document.getElementById('player').play()"></button> 
<button id="pause" onclick="document.getElementById('player').pause()"></button> 
<button id="up" onclick="document.getElementById('player').volume+=0.1"></button> 
<button id="down" onclick="document.getElementById('player').volume-=0.1"></button> 
    </div> 

Answer 1

你可能要檢查出YouTube JavaScript Player API。

Answer 2

看起來像你需要的東西，如：

var youtubeplayer = document.getElementById('youtubeid'); 

youtubeplayer.addEventListener("onStateChange", function(e) { 

    if (e === 1) { 
     document.getElementById('player').pause(); 
    } else { 
     document.getElementById('player').play(); 
    }; 

}); 

我給的API參考，雖然使用它之前，一個良好的閱讀。