バックグラウンド ミュージックを再生するために 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>