html5 视频和引导模式窗口

Question

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

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

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

这是modal的测试链接：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();
});

它通过向对话框上的“关闭”按钮添加点击处理程序来工作。单击关闭按钮后，将获得对video 标签的引用并调用pause(); 方法。有用。我已经测试过了。