如何在一个页面上使用多个剪辑？

Question

您好我使用video.js播放器在我的网站上使用了多个剪辑。我的问题是，如果你点击另一个剪辑，第一个剪辑仍然会运行。

如何设置播放器才能运行所选剪辑？

我为所有剪辑提供了唯一的ID，但这并没有解决它。

有什么想法吗？

谢谢katasun

Answer 1

启动视频剪辑时，如果正在运行，则需要检查所有其他剪辑并停止它们。您可以在JavaScript中执行此操作：

playerIDs = ['id1', 'id2'];
var length = playerIDs.length;
for (var i = 0; i < length; i++) {
  var myPlayer  = videojs(playerIDs[i]);
  myPlayer.on("play", function() {
    for (var a = 0; a < length; a++) {
        if(playerIDs[i] != playerIDs[a]) {
            var otherPlayer  = videojs(playerIDs[a]);
            otherPlayer.pause();
        }
    }
  });
}