代码之家 › 专栏 › 技术社区 › JoSch

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

plyr.js html5-video jquery javascript

0

JoSch · 技术社区 · 6 年前

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

$(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创建的播放器。检查设置中使用的变量会返回一个包含播放器的数组(我假设),但我只能得到:

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

1 回复 | 直到 6 年前

1

3

vinitiate 6 年前

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

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