html5视频和bootstrap模态窗口

Question

我知道以前曾经问过这个问题，但无论出于何种原因，我都无法通过答案解决问题。在引导模式窗口中使用html5视频，窗口关闭视频仍在播放。试过以下情况，似乎无法让它发挥作用。

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

我用#openVideo替换了#myModal，这是打开模态窗口的id。

这是模态的测试链接：http://beckerinsurancegroup.com/test/

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

我不赞成这句话，说我不熟悉JS，只是在寻找解决方案。感谢。

Answer 1

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

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

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