关闭后，引导模式弹出窗口上的视频继续播放音频

Video on bootstrap modal popup continues playing audio after closing

本文关键字：窗口 的视频 继续 音频 播放 模式      更新时间：2023-09-26

我有一个非常基本的 you tube 视频在引导模式弹出窗口上播放。当我按下关闭时，视频本身关闭，但音频继续播放。任何建议都会非常有帮助。谢谢！！

                                          <div class="modal fade" id="tvDebutPlay" tabindex="-1" role="dialog" aria-labelledby="videoModal" aria-hidden="true">
                                          <div class="modal-dialog2">
                                              <div class="modal-content2">
                                                  <div class="modal-body2">
                                                      <button type="button" class="btn btn-default st-closeBtn" data-dismiss="modal">X</button>
                                                      <div>
                                                          <iframe width="100%" height="480" src=""></iframe>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>

看起来模态被隐藏了，但没有被破坏，所以没有什么可以阻止它在后台播放。你可以用一些jQuery来解决这个问题。

大致如下：

var modal = $('.modal-dialog2');
modal.find('.st-bloseBtn').click(function() {
   modal.remove();
});

如果您需要允许它再次出现，那么我建议您在让文档首先显示它之前（即在它自动播放之前）创建一个克隆

感谢您的回复。我实际上只是使用不同的方法让它工作。如果其他人有类似的问题，我只是添加了这个点击事件，它删除了 iframe 的源代码：

$（'.

st-closeBtn'）.click（function（）{

$（'

iframe'）.attr（'src'， ''）;

}）;

相关文章：