jquery關閉引導模式窗口中的音頻

Question

我在引導模式窗口中有一個音頻文件，當我關閉窗口時音頻不會停止。我還有另一種模式的YouTube視頻，並通過jquery停止播放。我對音頻應用了相同的方法，但不起作用。任何幫助表示讚賞，因爲我已經爲此工作了3天以上。這裏是我的代碼： 音頻在引導模式：

<!-- Ornithology --> 
<div class="modal fade" id="modal-ornithology" role="dialog"> 
<div class="modal-dialog modal-sm-audio"> 
    <div class="modal-content-audio"> 
    <div class="modal-header-audio"> 
     <button type="button" class="close audio-off" data- 
     dismiss="modal">&times;</button> 
     <h4 class="modal-title audio-title">Ornithology</h4> 
    </div>  
     <div class="modal-body"> 
     <img class="center" src="static/img/strings.jpg"/> 
     <br> 
      <ul> 
      <br> 
      <li>Mandy Flowers - Acoustic Bass</li> 
      <li>Alex Murzyn - Sax</li> 
      <li>Art Khu- Piano</li> 
      <li>Alex Aspinall- Drums</li> 
      </ul> 
     <audio controls> 
      <source class="audio-clips" 
      src="http://mandyflowers.com/sound_clips/ornithology.mp3" 
      type="audio/mpeg" /> 
      Your browser does not support the audio tag. 
     </audio>    
     </div> 
     <div class="modal-footer-audio"> 
     <button type="button" class="btn btn-default audio-off" data- 
     dismiss="modal">Close</button> 
     </div> 
    </div> 
    </div> 
</div> 


jQuery 
// Turns off audio when modal window is closed 
$('.audio-off').on('click', function(){ 
    var audio = $('.audio-clips').attr('src'); 
     $('.audio-clips').attr('src',''); 
     $('.audio-clips').attr('src', audio); 
    } 
) 

Answer 1

你可以嘗試：

var $audio = document.querySelectorAll('.audio-clips'); 

for (var i = 0; i < $audio.length; i++) { 
    var $el = $audio[i]; 
    $el.pause(); 
} 

這應該讓所有的音頻元素和暫停。