twitter-bootstrap - 关闭 Bootstrap Modal 不会停止 JW Player

标签 twitter-bootstrap modal-dialog twitter-bootstrap-3 jwplayer

我将 JW PLayer 嵌入 Bootstrap 模式(不是 iframe/youtube)。它播放正常,但是当关闭模式时(通过单击“x”或单击对话框外部),音频继续播放。我可以通过添加来阻止它: onclick='jwplayer().stop()' 到关闭按钮。

但是,当通过单击对话框外部(模态背景)来关闭模态时,这没有帮助。有人可以帮忙吗?我是个 js 菜鸟!

这是网址:http://bit.ly/1g4Dz3o

最佳答案

删除您附加的点击。

如果你检查他们的documentation ,您会发现事件 hide.bs.modal 在调用 hide 实例方法时立即触发。

$('#videohome').on('hide.bs.modal', function () {
  jwplayer().stop();
})

关于twitter-bootstrap - 关闭 Bootstrap Modal 不会停止 JW Player,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20895972/

相关文章:

javascript - 自定义 Bootstrap 3 导航丸不起作用

jquery - 阅读 Bootstrap 轮播中的更多内容

css - Bootstrap 3 CenterNav 在页面中间

css - Bootstrap,我不能将行高降低到一定数量以下

html - 让网站不再跳转到页面顶部

javascript - 轮播转换没有响应

html - 将小元素放在标题下方,但保持垂直对齐

javascript - select2 jquery x-editable 未设置值 - 单个值

javascript - Span 类未在模态窗口中关闭

jquery - ElevateZoom 不适用于 Bootstrap 模式