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

我正在使用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>

您可能需要查看。

看起来您需要以下内容：

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

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

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

});

不过，在使用API之前，我会仔细阅读它