Question

我有一个非常基本的管视频在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

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

$（＆＃39; .ST-为closeBtn＆＃39）。单击（函数（）{

$（＆＃39; iframe＆＃39;）。attr（＆＃39; src＆＃39;，＆＃39;＆＃39;）;

}）;

Answer 2

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

有些事情：

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

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

关闭后，视频在bootstrap模式弹出窗口继续播放音频

2 个答案: