在 Bootstrap 模式中播放暂停多个 vimeo 视频答案

【问题标题】：play pause multiple vimeo videos in Bootstrap modals在 Bootstrap 模式中播放暂停多个 vimeo 视频
【发布时间】：2015-03-20 17:23:08
【问题描述】：

我正在尝试使用 Bootstrap 模式播放和暂停多个 Vimeo 视频。我可以让它适用于页面上的一个视频，但不能适用于单独模式中的多个视频。

我在这里使用了之前一篇文章中的代码，它适用于一个视频。 Play and stop Vimeo video placed in Bootstrap modal

有人知道如何让多个视频正常工作吗？我曾尝试使用 2 个单独的视频 ID 作为变量，但我认为这不是正确的做法，也没有奏效。

这就是我到目前为止所做的工作 - http://jsbin.com/foveqi/1/edit?html,css,js,output

【问题讨论】：

标签： jquery twitter-bootstrap modal-dialog vimeo froogaloop

【解决方案1】：

您确实需要为视频使用单独的 ID。然后你可以使用一点 jQuery 和 Bootstrap 切换按钮来控制视频。重要的部分是设置事件侦听器...

    player.addEvent('ready', function() {
          player.addEvent('pause', onPause);
          player.addEvent('finish', onFinish);
          player.addEvent('playProgress', onPlayProgress);
   });

演示：http://codeply.com/go/JnIJLgXjyt

【讨论】：

您的演示似乎无法正常工作，您能否详细说明如何让事件监听器工作？
点击播放按钮时没有任何反应。
Firefox，但我刚刚在 Chrome 中尝试过，它确实在那里工作。但是，您知道如何添加事件侦听器以在模式关闭时停止/暂停视频，以及在单击另一个链接时以不同模式播放新视频吗？
这几乎就是我想要的。我试图把你所做的事情稍微重新调整一下，但这对我来说很糟糕。与其让 .text 将按钮上的消息更改为播放或暂停，播放按钮将是 div，而暂停按钮将只是一个关闭的“X”按钮。当我尝试删除 .text 时，视频不会在模式关闭时停止。