javascript - Bootstrap 模式弹出窗口上的视频在关闭后继续播放音频

Question

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

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

Answer 1

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

大致如下:

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

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