Question

我有一个引导模态窗口，里面有一个音频标签。我希望能够在模式关闭时暂停音频。我感觉我具有检测模态窗口何时关闭的功能，但是我不知道如何暂停音频。当我关闭窗口时，警报出现，但音频继续播放。

JavaScript

<script>
var sound = document.getElementById("player");
$(document).ready(function(){
$("#myModal2-1-0").on('hidden.bs.modal', function(){
alert('The modal is now hidden.');
sound.pause();
sound.currentTime = 0;
  });
});
</script>

HTML

<div id="myModal2-1-0" class="modal fade">
        <div class="modal-dialog3">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
              <h4 class="modal-title">Output 2-1 <img src="assets/img/button_sound-orange.svg" width="50px;" /></h4>

            </div>
            <div class="modal-body">
             <audio id="player" src="assets/audio/1802803_LIC_DSF_Web_VO__Output_2.1_20181010_SPRDP_EO1.mp3" controls style="margin-left: -20px; width: 100%"></audio>

            </div>
          </div>
        </div>
      </div>

引导程序模式关闭时如何暂停音频

0 个答案: