Остановить Youtube видео на скрыть модальный bootstrap

Question

Я пытаюсь остановить вставку видео на YouTube в режиме bootstrap, но ничего не происходит. Кто-нибудь может мне помочь?

Страница: https://www.visiteumtegra.com.br/

<div class="modal fade bg-modal show" id="ModalVideofontano1" tabindex="-1" role="dialog" aria-labelledby="ModalVideoTitle" style="display: block;" aria-modal="true">
<div class="modal-dialog modal-dialog-centered modal-xl" role="document">
    <div class="modal-content">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">x</button>
        <div class="modal-body mt-5 mb-5 border-0">
            <div class="embed-responsive embed-responsive-16by9">
                <iframe id="videofontano1" class="embed-responsive-item yvideo" src="https://www.youtube.com/embed/smIdBgbsHYg?rel=0&enablejsapi=1" gesture="media" allow="encrypted-media" allowfullscreen="" frameborder="0"></iframe>
            </div>
        </div>
    </div>
</div>

$('#ModalVideofontano1').on('hide.bs.modal', function (e) {
      $('.yvideo').each(function(){
        $(this).stopVideo();
      });
});

Answer 1

Вы можете сделать что-то вроде:

$('#ModalVideofontano1').on('hide.bs.modal', function (e) {
    $('.yvideo').each(function(){
        $(this).prop('src', $(this).prop('src'));
    });
});

То, что он делает, это переназначить видеоисточник и, следовательно, вернуть его к исходному поведению, которое остановлено.