作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用 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 创建的播放器。检查设置中使用的变量会返回一个包含玩家的数组(我假设),但据我所知:
如果有人能向我解释如何使这些播放器可访问并在其上使用 API,我将不胜感激。
最佳答案
对我有用的是使用 DOM 顺序“[0]、[1]、[2]”访问视频。这样您就可以与您喜欢的视频进行互动。希望这可以帮助。
$(".play-video").on("click", function(){
players_multiple[1].play();
});
关于javascript - Plyr 视频播放器 : How to expose/access multiple players?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53350365/
我是一名优秀的程序员,十分优秀!