Javascript Plyr视频播放器:如何公开/访问多个播放器?
我在用电话 为单个视频设置播放机非常简单且效果良好:Javascript Plyr视频播放器:如何公开/访问多个播放器?,javascript,jquery,html5-video,plyr.js,Javascript,Jquery,Html5 Video,Plyr.js,我在用电话 为单个视频设置播放机非常简单且效果良好: $(document).ready(function() { var player_singleVideo = new Plyr("#singleVideo", { // Options controls: [] }); // Expose player window.player_singleVideo = player_singleVideo; }); 之后,我可以通过播放器的变量使用插件的API访问它,
$(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,我将不胜感激。对我有效的方法是使用DOM顺序“[0]、[1]、[2]”访问视频。通过这种方式,您可以与喜欢的视频进行交互。希望这有帮助
$(".play-video").on("click", function(){
players_multiple[1].play();
});