0

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

我在这里使用了之前一篇文章中的代码,它适用于一个视频。 播放和停止放置在 Bootstrap 模式中的 Vimeo 视频

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

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

4

1 回答 1

0

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

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

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

于 2015-03-20T19:17:42.820 回答