видео останавливается после нажатия на крестик, но начинается автоматически через несколько секунд в модальном режиме - PullRequest
Новая
       13

видео останавливается после нажатия на крестик, но начинается автоматически через несколько секунд в модальном режиме

0 голосов
/ 17 мая 2018

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

Вот мой модал со скриптами 

{{-- start modal --}}
<div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-body">
            <h1>Technology video</h1>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <iframe width="100%" height="350" src="https://www.youtube.com/embed/HBdcL7YsdBY?modestbranding=1&rel=0&controls=0&showinfo=0&html5=1&autoplay=1" frameborder="0" allowfullscreen></iframe>
        </div>
    </div>
</div>
</div>
{{-- end model  --}}
{{-- start script --}}
<script type="text/javascript">
    jQuery(document).ready(function(){

        jQuery('#videoModal').modal('show');

        jQuery("#videoModal").on('hidden.bs.modal', function (e) 
        {
            jQuery("#videoModal iframe").attr("src", jQuery("#videoModal iframe").attr("src"));
        });

    });
</script>
{{-- end script --}}

Почему видео запускается автоматически? как это остановить?

Кто-нибудь, пожалуйста, помогите?

Ответы [ 2 ]

0 голосов
/ 17 мая 2018

успех !!

просто заменить

jQuery("#videoModal iframe").attr("src", jQuery("#videoModal iframe").attr("src"));

от 

jQuery("#videoModal iframe").attr("src", jQuery("#videoModal iframe").attr("src", ''));
0 голосов
/ 17 мая 2018 
jQuery("#videoModal").on('hidden.bs.modal', function (e) 
    {
        jQuery("#videoModal iframe").attr("src", "https://www.youtube.com/embed/HBdcL7YsdBY?modestbranding=1&rel=0&controls=0&showinfo=0&html5=1&autoplay=0");
    });
jQuery("#videoModal").on('show.bs.modal', function (e) 
    {
        jQuery("#videoModal iframe").attr("src", "https://www.youtube.com/embed/HBdcL7YsdBY?modestbranding=1&rel=0&controls=0&showinfo=0&html5=1&autoplay=1");
    });
...