用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(); 

    }); 

});