问题标签 [plyr.js]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - 更改 HTML 时播放()不起作用
我正在尝试更改 HTML <video> 元素的 src 属性并在播放第一个视频 10 秒后播放它,在桌面上它工作正常,但是在移动设备中它在更改源后卡住并且它永远不会播放。
我正在使用 plyr.js,但是没有它也会发生同样的情况。
我知道 webkit 政策,但是,他们没有指定在更改源后视频需要再次播放用户交互,这对我来说没有意义。
https://codepen.io/andreupifarre/full/qJYeJL/
这是政策的一部分吗?难道我做错了什么?这可以做到吗?
youtube - 折旧后的无品牌 YouTube 播放器
YouTube 最近在从 YouTube 嵌入视频时更改了rel
和showinfo
参数,这意味着像 Plyr 这样的自定义播放器在播放时和暂停时仍会在前几秒显示 YouTube 徽标和相关视频。有没有办法绕过这个?
javascript - Plyr 视频播放器:如何公开/访问多个播放器?
我正在使用Plyr 视频播放器插件。
为单个视频设置播放器很简单并且效果很好:
之后,我可以通过 player 的变量使用插件的 API 访问它,如下所示:
现在我想使用字符串选择器设置和访问多个播放器。设置仍然像以前一样简单:
但是我一直在寻找如何访问使用 API 创建的播放器。检查设置中使用的变量会返回一个包含玩家的数组(我假设),但据我所知:
如果有人能向我解释我如何使这些播放器可访问并在它们上使用 API,我将不胜感激。
jquery - 带有 Fancybox 3 的 Plyr.js,多个视频未初始化
我正在尝试在灯箱中打开的同一页面上实现多个视频。我目前正在使用 Plyr.js,因为它可以对 html5、vimeo 和 youtube 视频进行皮肤处理,使其看起来都一样。我也在使用 Fancybox 作为灯箱。
当我添加一个视频时,一切似乎都奏效了。但是,多个视频似乎没有在灯箱中初始化。我还注意到,如果我有一个 youtube 视频并将其排在列表的首位,它可以工作,但如果它跟随另一个视频,它将不会初始化。
我使用的是类.player
而不是 id,因为我有多个实例。
我知道这是一个灯箱问题,因为如果我删除灯箱,所有视频都可以正常工作。所以可能我需要以某种方式调整灯箱如何初始化 Plyr.js
这是我的代码:
示例 HTML
示例 JS:
示例 CSS
javascript - 在悬停时播放多个 Plyr Vimeo 嵌入
我在带有Plyr.js的页面上嵌入了多个视频。我的最终目标是让每个视频在悬停时播放并在没有悬停时停止。
这是我当前的代码:
上面的代码只播放悬停时的第一个视频,但不播放其他视频。
如果有人有任何建议,请随时分享。任何帮助将不胜感激。
javascript - 如何将 HLS.js 和 mp4 与 Plyr 集成
是否可以不在 javascript 中硬编码 hls 文件的源代码,而是将源代码放在<source>
像常规 mp4 文件一样的标签中?
用例
我正在运行一个基于 html5 的Plyr网站。到目前为止,我已经设法让它运行,并有 4 种分辨率可供选择,用 mp4 文件编码。视频标签如下所示:
但是问题是,如果我放置一个带有.m3u8
文件扩展名的源,Firefox 会抱怨它无法播放它,因为它不受支持。很公平,除了 github 自述文件上的 hls 演示显示了一个代码笔,其中源代码被硬编码,如下所示:
这在我的用例中不起作用,因为正如您在上面看到的,我需要多个源来进行分辨率切换,直到 Plyr 可以原生地使用清单来做到这一点。
有没有办法将 hls.js 合并到 Plyr 中,这样我就可以像这样指定一个视频标签?
(我正在努力包含 Auto 标签)
javascript - 如何使用 Plyr JS 在视频播放器中添加下载按钮?
我正在使用Plyr JS
并希望download
为每个video
.
这是我试图download option
提供的内容:
尽管我提供了: controlsList="nodownload"
问题:如何使下载选项仅使用Plyr.io
插件显示?
javascript - 切换 plyr.js 的播放/停止
我无法让我的自定义播放/停止切换按钮工作,我的场景:我正在通过 plyr.js 加载一个 youtube 视频。此视频已隐藏。我有一个自定义播放/停止按钮,它位于视频之外,并且在页面上可见。我正在尝试制作播放/停止按钮来切换视频以显示/隐藏。视频需要在切换显示发生时加载。视频需要在切换隐藏发生时停止。
这是我到目前为止所尝试的:
该函数在 onclick 中被调用,即使是这样:
我上面的代码给了我这个错误:TypeError: this.media is undefined
任何帮助深表感谢