Javascript 单击特定元素时暂停HTML音频

我想在我正在创建的网站上实现背景音乐。当用户点击播放按钮时，还会弹出一段音乐视频。单击播放按钮后，如何暂停背景音乐

播放按钮html-播放按钮触发fancybox视频弹出窗口。这时我想暂停下面的背景音

   <div class="play-btn ">
        <a class="fancybox-media" href="https://vimeo.com/1741943434" >
            <img src="../img/play-btn.svg" alt="">
        </a>
    </div>

音频文件

 <audio autoplay>
    <source src="sound.ogg" type="audio/ogg">
    <source src="sound.mp3" type="audio/mpeg">
 Your browser does not support the audio element.
 </audio>

您的浏览器不支持音频元素。

我应该如何处理这个问题

 <audio id="bgmusic" autoplay>
    <source src="sound.ogg" type="audio/ogg">
    <source src="sound.mp3" type="audio/mpeg">
 Your browser does not support the audio element.
 </audio>

<script>
 $('.play-btn').on('click', function(){
    $('#bgmusic').get(0).pause(); 
 });
 </script>

您的浏览器不支持音频元素。
$（'.play btn'）。在（'click'，function（）上{
$（'#bgmusic'）。获取（0）。暂停（）；
});

您的浏览器不支持音频元素。
$（'.play btn'）。在（'click'，function（）上{
$（'#bgmusic'）。获取（0）。暂停（）；
});

您可以使用

请尝试使用以下代码

<div class="play-btn " onclick="pauseAid()">
    <a class="fancybox-media" href="https://vimeo.com/1741943434" >
        <img src="../img/play-btn.svg" alt="">
    </a>
</div>


 <audio autoplay id="myAudio">
    <source src="sound.ogg" type="audio/ogg">
    <source src="sound.mp3" type="audio/mpeg">
 Your browser does not support the audio element.
 </audio>

<script>
var aid = document.getElementById("myAudio"); 
function pauseAid() { 
    aid.pause(); 
}
</script>

您的浏览器不支持音频元素。
var-aid=document.getElementById（“myAudio”）；
函数pauseAid（）{
aid.pause（）；
}

您可以使用

请尝试使用以下代码

<div class="play-btn " onclick="pauseAid()">
    <a class="fancybox-media" href="https://vimeo.com/1741943434" >
        <img src="../img/play-btn.svg" alt="">
    </a>
</div>


 <audio autoplay id="myAudio">
    <source src="sound.ogg" type="audio/ogg">
    <source src="sound.mp3" type="audio/mpeg">
 Your browser does not support the audio element.
 </audio>

<script>
var aid = document.getElementById("myAudio"); 
function pauseAid() { 
    aid.pause(); 
}
</script>

您的浏览器不支持音频元素。
var-aid=document.getElementById（“myAudio”）；
函数pauseAid（）{
aid.pause（）；
}

一个onclick事件监听器和音频元素上的

.pause（）

（可能还有一个变量来存储

isPlaying

，以便再次播放音乐）应该可以完成这项工作，但您必须自己尝试编码一点。一个onclick事件监听器和音频元素上的

pause（）

（可能还有一个变量来存储

isplay

，以便再次播放音乐）应该做这项工作，但你必须自己尝试编码一点。你有jquery吗？你测试过吗？你有jquery吗？你测试过吗？这很好。虽然音乐在视频关闭后不会恢复。为此，你必须使用vimeo api，检查此项。

if（aid.pause）{aid.play（）；}else{aid.pause（）；}

试试看this@samsos：如果此答案对您有帮助，请向上投票。这很好。虽然视频关闭后音乐不会恢复。为此，您必须使用vimeo api，请检查此项。

if（aid.pause）{aid.play（）；}else{aid.pause（）；}

尝试this@samsos：如果这个答案对你有帮助，请投票。