在Bootstrap模式中暂停Vzaar视频

时间:2015-09-22 22:14:20

标签: javascript jquery html5 twitter-bootstrap video

当模态关闭时,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();
});

});

1 个答案:

答案 0 :(得分: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