video.js - 如何在一页上使用多个剪辑？

Question

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

我如何必须将播放器设置为仅运行选定的剪辑？

我为所有剪辑提供了唯一 ID，但这并不能解决问题。

有任何想法吗？

谢谢卡塔松

Answer 1

When starting a video clip, you need to check all other clips and stop them, if running. You could do this in JavaScript like this:

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();
        }
    }
  });
}