0

これが私の目標です。Zurb Modal ウィンドウが消えたときに自動再生オーディオを停止することです。

私はこのようなこと、特に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 に答える