用JavaScript停止HTML5音频（Jquery？）+ Zurb Modal

Question

这是我的目标：当Zurb Modal窗口消失时，自动播放音频停止。

我是新来做这个东西，尤其是javascript！

我有一个Zurb模式窗口，可用作在页面加载时弹出的启动画面。我在自动播放窗口中有HTML5音频（这是一个请求 - 我不喜欢自动播放！）。单击背景时窗口消失，但音频继续播放。我不知道如何让音频停止！如果有人有想法，我会非常感激听到这个消息。

<script type="text/javascript" src="js/jquery.reveal.js"></script> 

<div id="myModal" class="reveal-modal"> 

    <audio controls="controls" autoplay="autoplay"> 
     <source src="audio/splash-loop-01.mp3" type="audio/mpeg"> 
     <source src="audio/splash-loop-01.ogg" type="audio/ogg"> 
     Your browser does not support the audio element. 
    </audio> 
</div> 
<div class="close-reveal-modal">CLOSE ME</div>​<!-- USE THIS TO CLOSE WINDOW --> 

<script> 
$(document).ready(function(){ 
    $('#myModal').reveal(); 
}); 
</script> 

Answer 1

要暂停音频，把这个在您的document.ready：

$('.close-reveal-modal').click(function(){ 
    var myAudio = document.getElementsByTagName("audio")[0]; 
    if(myAudio != undefined){ 
     myAudio.pause(); 
    } 
} 

Answer 2

$(document).ready(function(){ 

    $('.close-reveal-modal').click(function(){ 

    audioPlayer.pause(); 
    audioPlayer.src = ''; 
    audioPlayer.load(); 

    }); 

});