2

我正在使用Plyr 视频播放器插件

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

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

之后,我可以通过 player 的变量使用插件的 API 访问它,如下所示:

player_singleVideo.play()

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

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

但是我一直在寻找如何访问使用 API 创建的播放器。检查设置中使用的变量会返回一个包含玩家的数组(我假设),但据我所知:

检查多个播放器数组时的控制台输出

如果有人能向我解释我如何使这些播放器可访问并在它们上使用 API,我将不胜感激。

4

1 回答 1

3

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

$(".play-video").on("click", function(){
    players_multiple[1].play(); 
});
于 2019-02-05T10:17:09.780 回答