Plyr视频播放器:如何公开/访问多个播放器?

时间:2018-11-17 10:31:58

标签: javascript jquery html5-video plyr.js

我正在使用Plyr video player plugin

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

$(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​​创建的播放器的方法。检查设置中使用的变量会返回一个包含玩家的数组(我认为是),但据我所知:

console output when checking multiple players array

如果有人能向我解释如何使这些播放器可访问并在其上使用API​​,我将非常感激。

1 个答案:

答案 0 :(得分:2)

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

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