首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Plyr视频播放器:如何公开/访问多个播放器?

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

Stack Overflow用户
提问于 2018-11-17 10:31:58
回答 1查看 2.3K关注 0票数 2

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

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

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

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

代码语言:javascript
复制
player_singleVideo.play()

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

代码语言:javascript
复制
var players_multiple = Plyr.setup('.video_sample');

但是,我仍然无法找到如何访问API创建的播放器。检查安装程序中使用的变量将返回一个包含播放器的数组(我假设),但这就是我所得到的:

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-02-05 10:17:09

对我起作用的是使用DOM顺序",1,2“访问视频。这样你就可以和你喜欢的视频互动了。希望这能有所帮助。

代码语言:javascript
复制
$(".play-video").on("click", function(){
    players_multiple[1].play(); 
});
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53350365

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档