如何在播放视频时暂停背景音乐

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参考一个很好的阅读。