在引导模式中暂停 Vzaar 视频答案

【问题标题】：Pause a Vzaar Video in a Bootstrap Modal在引导模式中暂停 Vzaar 视频
【发布时间】：2015-09-22 22:14:19
【问题描述】：

当模式关闭时，Bootsrap 模式中的视频会继续播放。我找到了 YouTube 视频和 html5 视频的解决方案，但我正在使用 Vzaar 视频和 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();
});

});

【问题讨论】：

标签： javascript jquery html twitter-bootstrap video

【解决方案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）

【讨论】：