如何在播放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参考，虽然使用它之前，一个良好的阅读。