退出引导模式时停止播放视频

Posted 2023-05-07

【中文标题】退出引导模式时停止播放视频

【英文标题】：Stopping video from playing when exiting a bootstrap modal

【发布时间】：2016-06-27 07:54:14

【问题描述】：

我对 bootstrap 很陌生，我似乎无法找到我的问题的答案。我正在使用视频标签嵌入我的网站中播放本地视频。当我退出模式时，我需要使用一些 javascript 来停止视频播放。只是无法让我的任何解决方案发挥作用 - 我已尝试采用 iFrame 解决方案。

<div class="modal fade" id="videoModal">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header1">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">What can Minecraft do for your class!</h4>
                </div>
                <div class="modal-body">
                <div class="embed-responsive embed-responsive-16by9">
                    <video id="my_video_1" class="video-js vjs-default-skin embed-responsive-item" controls preload="auto"  data-setup=""> 
                        <source src="videos/Minecraft greenscree.mp4" type='video/mp4'> 
                    </video>
                    </div>
                </div>
            </div>
        </div>
    </div> 

【问题讨论】：

您使用的是哪个版本的引导程序？

Javascript to stop html5 video playback on modal window close的可能重复

什么是 iframe 解决方案？

【参考方案1】：

您可以挂接模态框的隐藏事件，然后停止视频。

像这样：

$('#viewModal').on('hide.bs-modal', function(e) 
    $('#my_view_1').trigger('pause');
);