Plyr 视频播放器：如何 expose/access 多个播放器？

Question

为单个视频设置播放器非常简单并且效果很好：

$(document).ready(function() {
  var player_singleVideo = new Plyr("#singleVideo", {
    // Options
    controls: []
  });
  // Expose player
  window.player_singleVideo = player_singleVideo;
});

之后，我可以通过播放器变量使用插件的 API 访问它，如下所示：

player_singleVideo.play()

现在我想使用字符串选择器设置和访问多个播放器。设置仍然像以前一样简单：

var players_multiple = Plyr.setup('.video_sample');

但我一直在寻找如何访问使用 API 创建的播放器。检查设置中使用的变量 returns 一个包含玩家的数组（我假设），但据我所知：

如果有人能向我解释如何使这些播放器易于访问并在其上使用 API，我将不胜感激。

Answer 1

对我有用的是使用 DOM 命令“[0]、[1]、[2]”访问视频。这样您就可以与您喜欢的视频进行互动。希望这可以帮助。

$(".play-video").on("click", function(){
    players_multiple[1].play(); 
});

Plyr 视频播放器：如何 expose/access 多个播放器？

Plyr video player: How to expose/access multiple players?

javascript

jquery

html5-video

plyr.js