html5 视频和 bootstrap 模态 window

Question

我知道以前有人问过这个问题，但无论出于何种原因，我都无法通过答案解决我的问题。在 bootstrap 模态 window 中使用 html5 视频，在 window 关闭时视频仍在播放。尝试了以下方法，但似乎无法正常工作。

$("#myModal").on('hidden.bs.modal', function (e) {
    $("#myModal video").attr("src", $("#myModal video").attr("src"));
});

我用 #openVideo 替换了 #myModal，这是打开模式的 ID window。

这是一个 WP 站点，所以也许上面的代码需要调整以适应，只是不确定需要做什么。此外，它是客户端服务器上的 mp4 视频，而不是 youtube 或 vimeo...所以没有使用 iframe。

我会声明我不精通 JS，只是在寻找解决方案。谢谢。

Answer 1

我不太确定是否正在调用 hidden.bs.modal 的处理程序；但是，将此添加到您的页面将起作用：

$('a.close').click(function(){
  var video = $(this).siblings('video').get(0); 
  video.pause();
});

它的工作原理是向对话框中的 "close" 按钮添加点击处理程序。单击关闭按钮后，将获得对 video 标记的引用并调用 pause(); 方法。有用。我已经测试过了。

html5 video and bootstrap modal window