问题标签 [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.

0 投票
0 回答
163 浏览

html - 更改 HTML 时播放()不起作用

我正在尝试更改 HTML <video> 元素的 src 属性并在播放第一个视频 10 秒后播放它,在桌面上它工作正常,但是在移动设备中它在更改源后卡住并且它永远不会播放。

我正在使用 plyr.js,但是没有它也会发生同样的情况。

我知道 webkit 政策,但是,他们没有指定在更改源后视频需要再次播放用户交互,这对我来说没有意义。

https://codepen.io/andreupifarre/full/qJYeJL/

这是政策的一部分吗?难道我做错了什么?这可以做到吗?

0 投票
0 回答
77 浏览

youtube - 折旧后的无品牌 YouTube 播放器

YouTube 最近在从 YouTube 嵌入视频时更改了relshowinfo参数,这意味着像 Plyr 这样的自定义播放器在播放时和暂停时仍会在前几秒显示 YouTube 徽标和相关视频。有没有办法绕过这个?

0 投票
1 回答
4335 浏览

javascript - 如何动态更改视频源以便播放不同的视频

我正在使用plyr.js https://github.com/sampotts/plyr

问题: 我无法更改视频源并播放每个视频

以下是如何设置:

请提前帮助我!

0 投票
1 回答
1958 浏览

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

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

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

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

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

但是我一直在寻找如何访问使用 API 创建的播放器。检查设置中使用的变量会返回一个包含玩家的数组(我假设),但据我所知:

检查多个播放器数组时的控制台输出

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

0 投票
1 回答
835 浏览

javascript - Youtube 视频在浏览器上播放,但不在 electron-js 应用程序上播放

我正在使用plyr.io从 electron-js 应用程序以及基于浏览器的应用程序运行 youtube 视频。很少有视频不在 electron-js 应用程序中播放,而是在浏览器应用程序 (Chrome) 上播放。跟版权问题有关系吗?

下面是一个没有在 electronjs-app 上运行的视频。

视频:https ://www.youtube.com/watch?v=aJOTlE1K90k 。

API 返回以下 JSON

0 投票
1 回答
1335 浏览

jquery - 带有 Fancybox 3 的 Plyr.js,多个视频未初始化

我正在尝试在灯箱中打开的同一页面上实现多个视频。我目前正在使用 Plyr.js,因为它可以对 html5、vimeo 和 youtube 视频进行皮肤处理,使其看起来都一样。我也在使用 Fancybox 作为灯箱。

当我添加一个视频时,一切似乎都奏效了。但是,多个视频似乎没有在灯箱中初始化。我还注意到,如果我有一个 youtube 视频并将其排在列表的首位,它可以工作,但如果它跟随另一个视频,它将不会初始化。

我使用的是类.player而不是 id,因为我有多个实例。

我知道这是一个灯箱问题,因为如果我删除灯箱,所有视频都可以正常工作。所以可能我需要以某种方式调整灯箱如何初始化 Plyr.js

这是我的代码:

示例 HTML

示例 JS:

示例 CSS

0 投票
1 回答
1518 浏览

javascript - 在悬停时播放多个 Plyr Vimeo 嵌入

我在带有Plyr.js的页面上嵌入了多个视频。我的最终目标是让每个视频在悬停时播放并在没有悬停时停止。

这是我当前的代码:

上面的代码只播放悬停时的第一个视频,但不播放其他视频。

如果有人有任何建议,请随时分享。任何帮助将不胜感激。

0 投票
1 回答
3634 浏览

javascript - 如何将 HLS.js 和 mp4 与 Plyr 集成

是否可以不在 javascript 中硬编码 hls 文件的源代码,而是将源代码放在<source>像常规 mp4 文件一样的标签中?

用例

我正在运行一个基于 html5 的Plyr网站。到目前为止,我已经设法让它运行,并有 4 种分辨率可供选择,用 mp4 文件编码。视频标签如下所示:

但是问题是,如果我放置一个带有.m3u8文件扩展名的源,Firefox 会抱怨它无法播放它,因为它不受支持。很公平,除了 github 自述文件上的 hls 演示显示了一个代码笔,其中源代码被硬编码,如下所示:

这在我的用例中不起作用,因为正如您在上面看到的,我需要多个源来进行分辨率切换,直到 Plyr 可以原生地使用清单来做到这一点。

有没有办法将 hls.js 合并到 Plyr 中,这样我就可以像这样指定一个视频标签?

(我正在努力包含 Auto 标签)

0 投票
5 回答
8364 浏览

javascript - 如何使用 Plyr JS 在视频播放器中添加下载按钮?

我正在使用Plyr JS 并希望download为每个video.

这是我试图download option提供的内容:

尽管我提供了: controlsList="nodownload"

问题:如何使下载选项仅使用Plyr.io插件显示?

这是我的演示: https ://codepen.io/msolimans/pen/xQEjmX

0 投票
0 回答
1045 浏览

javascript - 切换 plyr.js 的播放/停止

我无法让我的自定义播放/停止切换按钮工作,我的场景:我正在通过 plyr.js 加载一个 youtube 视频。此视频已隐藏。我有一个自定义播放/停止按钮,它位于视频之外,并且在页面上可见。我正在尝试制作播放/停止按钮来切换视频以显示/隐藏。视频需要在切换显示发生时加载。视频需要在切换隐藏发生时停止。

这是我到目前为止所尝试的:

该函数在 onclick 中被调用,即使是这样:

我上面的代码给了我这个错误:TypeError: this.media is undefined

任何帮助深表感谢