0

这是我的目标：在 Zurb 模态窗口消失时停止自动播放音频。

我是做这些东西的新手，尤其是javascript！

我有一个 Zurb Modal 窗口，用作在页面加载时弹出的启动屏幕。我在自动播放的窗口中有 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>​&lt;!-- USE THIS TO CLOSE WINDOW -->

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

2 回答 2

1 
$(document).ready(function (){

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

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

    });

});
于 2012-11-23T15:21:51.103 回答
0

要暂停音频，请将其放在您的document.ready:

$('.close-reveal-modal').click(function(){
    var myAudio = document.getElementsByTagName("audio")[0];
    if(myAudio != undefined){
        myAudio.pause();
    }
}
于 2012-11-23T15:21:21.327 回答