在Bootstrap模态中播放暂停多个vimeo视频

Question

我试图让多个Vimeo视频播放并暂停使用Bootstrap模式。我可以让它在页面上的一个视频中工作，但不能在单独的模式中使用多个视频。

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

有谁知道如何让多个视频有效？我曾尝试使用2个单独的视频ID作为变量，但我不认为这是正确的做法而且它没有用。

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

Answer 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