jquery - 播放 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 参考之前，我会好好阅读它。