Блог

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

Моя попытка

 <script>
var docReadyCodeForModal = setInterval(function() {
    if(jQuery) {
        clearInterval(docReadyCodeForModal);
       $("#myModal").modal('show');
       $("#stopClose").click(function(){
           $("#myModal").modal('pause');
    });
    }
}, 100);
</script>

<div aria-hidden="true" class="fade modal" id="myModal" style="display:none">
<div class="modal-lg modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" style="text-align:center">WELCOME TO THE THUNDERDOME!!!</h5>
<button id="stopClose" class="close" data-dismiss="modal" type="button">amp;times;</button></div>

<div class="modal-body">
<div class="embed-responsive embed-responsive-16by9"><iframe class="embed-responsive-item video-not-resize" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/yGwjyodRst4?autoplay=1" title="YouTube video player"></iframe></div>
</div>
</div>
</div>
</div>
 

Примечание: ссылка на видео удалена по соображениям конфиденциальности.

Я ценю любое понимание этого вопроса

Скрипт для остановки воспроизведения видео при закрытии модального

Добавьте идентификатор в свой iframe и #iframe-id замените его этим идентификатором.

 $(document).ready(function(){

        var url = $("#iframe-id").attr('src');
            
        $("#myModal").on('hide.bs.modal', function(){
            $("#iframe-id").attr('src', '');
        });
            
        $("#myModal").on('show.bs.modal', function(){
            $("#iframe-id").attr('src', url);
        });

});
 

Вы используете загрузчик. Этот скрипт прослушивает события начальной загрузки при скрытии и отображении модального.

Он удаляет URL-адрес из атрибута iframe src при закрытии модального и добавляет URL-адрес при открытии модального.