javascript - 在 Bootstrap 模态中暂停 Vzaar 视频

Question

当模式关闭时，Bootsrap 模式中的视频会继续播放。 我已经找到了 YouTube 视频和 html5 视频的解决方案，但我正在使用 Vzaar Video 和 Vzaar 的 API java 脚本

我让它从模态中的关闭按钮工作(使用 id="video-btn")，但如果单击模态之外，我真的需要它也能工作，或者我猜 data-dismiss="modal"，应该涵盖所有(？)。

不太擅长java，如果有帮助，我们将不胜感激。 我的关闭按钮代码(工作正常)如下。

// Vzaar
window.addEventListener("load", function() {
var player = new vzPlayer("vzvd-XXXXXXX");

// adding pause() API method to DOM element:
var myPauseButton = document.getElementById("video-btn");
myPauseButton.addEventListener("click", function() {
    player.pause();
});

});

Answer 1

我已经解决了:

// add listener vzaar video //

window.addEventListener("load", function() {
var player = new vzPlayer("vzvd-xxxxxxx");

// adding pause() API method to hidden.bs.modal: //

$('#myModalId').on('hidden.bs.modal', function () {
player.pause();
  }); 
});     

(当然需要包含http://player.vzaar.com/libs/flashtakt/client.js)