Как сделать паузу в аудио, когда модал начальной загрузки закрыт - PullRequest
0 голосов
/ 15 января 2019

У меня есть модальное окно начальной загрузки с аудио тегом внутри. Я хочу, чтобы иметь возможность приостановить звук, когда модальное закрыто. Я чувствую, что у меня есть функция для определения, когда модальное окно закрыто, но я не знаю, как приостановить звук. Когда я закрываю окно, появляется предупреждение, но звук продолжает воспроизводиться.

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>
...