单击交叉按钮后视频停止,但在模态下自动几秒后重新开始

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了单击交叉按钮后视频停止,但在模态下自动几秒后重新开始相关的知识,希望对你有一定的参考价值。

我想以模态显示视频。视频显示完美,当我点击十字按钮时,模态是隐藏,视频停止。但几秒钟后,视频会自动从后端开始。

这是我的脚本模态

{{-- 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 --}}

为什么视频会自动启动?怎么阻止这个?

有人帮忙吗?

答案
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");
    });
另一答案

成功!!

只是替换

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

通过

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

以上是关于单击交叉按钮后视频停止,但在模态下自动几秒后重新开始的主要内容,如果未能解决你的问题,请参考以下文章

Android几秒后自动关闭dialog

alert弹窗几秒后自动关闭

显示 1 秒后自动关闭模式 - swiftui

页面打开后,几秒后自动跳转

单击打开模式的按钮后触发单击 DIV

如何在javascript中单击按钮重新加载网页,但在重新加载调用函数后