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

您可能想要查看 < a href= > "https:// developmenters.google.com/youtube/js_api_ reference" rel=“ no follow” >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();
   };

});

在使用之前,我先给AIP参考书读好一点。

友情链接