问题标签 [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 投票
2 回答
909 浏览

javascript - 路由更改 hls.js React.js 时未捕获的 DOMException

我使用plyr.js创建视频播放器。
遇到错误hls.js

当我更改src路线更改视频时会发生这种情况。

我的播放器:

0 投票
1 回答
2792 浏览

javascript - 如何使用javascript在滚动上自动播放视频?

自 4 天以来,我一直在尝试在滚动条上自动播放我的视频。我创建了一个应用程序,人们可以在其中按垂直顺序查看视频列表。我想自动播放当前在屏幕上的视频并暂停其他视频。

视频播放器图像滚动视频

我已经使用 Plyr.io 实现了 HTML5 视频播放器。目前,以下代码有助于在播放当前视频时暂停其他视频。但是视频不会在滚动条上自动播放。我在这里分享代码。请帮忙。提前致谢。

0 投票
1 回答
776 浏览

javascript - 尝试使用带有自定义 html 的 plyr.js 库将具有速度设置的 plyr 控件重新集成到我的视频中

我希望能够将自定义项附加到plyr.js视频中的控件,但这会删除带有速度设置的设置项。

正如标题所说,我需要能够将设置控件与速度设置重新集成到我的视频中。我正在尝试使用自定义 HTML 来执行此操作,但是单击设置图标时我没有得到任何响应。

在播放器控件的默认/工作版本上,hidden=""的属性似乎已被删除/添加到 plyr__controls__item、plyr-settings-{id}-home、plyr-settings-{id}-captions 等。显示/隐藏它,但不使用手动添加的设置菜单来显示/隐藏它。

具体来说,设置菜单的 javascript 相关功能似乎都不起作用。在浏览器中手动显示菜单和速度控制按钮时的隐藏和显示。

我正在为设置部分提供 HTML 代码,因为我相信我可能会在那里遗漏一些东西。

0 投票
0 回答
442 浏览

javascript - 使用视频播放器 (plyr.io) 在 Internet Explorer 中出现重复的字幕问题

我正在使用https://plyr.io/来制作带字幕的视频播放器。(文档:https ://github.com/sampotts/plyr )。

我暂时通过 CDN 调用 polyfill plyr 库(https://cdn.plyr.io/3.5.6/plyr.polyfilled.js)(目前我只处于测试阶段,一旦一切正常,我将使用文件系统,而不是 CDN)。

问题是在 Internet Explorer (IE11) 上我得到了双字幕。见下文:

在此处输入图像描述

该问题仅出现在此 IE 浏览器上。在其他浏览器上,我只有蓝色背景的标题,这很好(我猜它们是由 JavaScript 通过 WebVTT 文件生成的)。

我不想要本地的(白色且没有背景)。

那么如何删除这些不需要的字幕以仅具有自定义的字幕呢?

Ps:我的代码中默认设置了英文字幕,当我选择了另一种语言(例如法语)不是默认语言时,蓝色背景的字幕消失了,只显示了白色的字幕,这不好。

见下文:

在此处输入图像描述

此外,我注意到控制台中的 JS 错误仅为 IE 显示:“意外调用方法或属性访问”。见下文:

在此处输入图像描述

任何想法?

是要告诉https://plyr.io/的开发者还是只在我这边?

PPS:我还认为这与我在 HTML 文档中调用的“polyfill”脚本有关。也许这里有一些东西要设置。

谢谢你。

0 投票
0 回答
60 浏览

javascript - 1 页上不同 plyr 的不同配置

喜欢 plyr.js - 我正在使用 npm 包,但我只是想知道我们如何在同一页面上配置具有不同设置的不同播放器。似乎本地存储配置对象每次都被覆盖?

即,我有一些视频充当背景(它们被静音,没有控件等...)和一些作为弹出播放器(有控件,没有静音等...) - 这在第一页加载时工作正常。但是当刷新页面时,后台播放器上的静音设置会被覆盖:/

0 投票
1 回答
1028 浏览

javascript - 无法使用 Plyr.js 触发结束事件

我正在尝试实现https://github.com/sampotts/plyr#events但无法使用 addEventListener() 方法触发嵌入的结束状态,因为我没有使用 jquery。我目前正在尝试在结束时仅显示一条消息。但它甚至不会显示在控制台上。

我已经创建了元素并使用此代码将其公开

我已经在公共代码中使用 player.source 加载新源。

尝试使用此调用事件状态。但我什至无法登录控制台。

0 投票
2 回答
380 浏览

ruby-on-rails - 如何在 Rails 6 站点中实现 plyr.js?

https://plyr.io/是一个支持 YouTube 和 Vimeo 播放视频的 JavaScript 库。我正在尝试在 Rails 6 站点中实现它。实现这一目标的步骤是什么?

0 投票
1 回答
504 浏览

javascript - 如何从 html 代码中隐藏/屏蔽 data-plyr-provider

我正在使用 plyr 播放 YouTube 视频。我想data-plyr-provider从 html 文件中隐藏定义。它永远是 YouTube。

目前我正在使用此代码

我要隐藏的是红框中的代码https://i.imgur.com/0BELK9V.png

我在想我可以修改plyr.min.js我正在使用的字符串 YouTube 并对其进行硬编码,但是在查看代码时我无法这样做。我的意思是我找不到合适的地方。

我发现的 .js 中唯一的参考data-plyr-provider是这一行

attributes: { embed: { provider: "data-plyr-provider", id: "data-plyr-embed-id" } },

有人可以帮忙吗?在哪里修改代码或者是否有任何其他方式如何隐藏plyr.min.js

0 投票
1 回答
568 浏览

javascript - 在哪里修改 plyr 源代码中 data-plyr-embed-id 的值?

我想“隐藏”我在我的网站上使用的视频的真实 ID。我在想我可以在 html 源代码中使用 ID 之前以某种方式对其进行加密,然后在 plyr 中将其加密恢复正常。我的知识还不够好,无法在 plyr.js 文件中找到可以执行此操作的正确位置

有人可以帮助我吗?

我只能在源代码中看到字符串出现一次

但不知道如何跟踪我可以修改值的正确位置。

如果你能写下你是如何找到正确的地方的,那将对我有所帮助。我得到了如何修改data-plyr-provider 的帮助,但得到了鱼。所以还在寻找如何钓鱼

0 投票
1 回答
113 浏览

javascript - 带有 Plyr 播放器的 JSON 数据

您好,我有一个php代码,它显示了一个json带有视频的文件url。我想urlplyr播放器中使用它。

当点击链接https://example.com/test.php

它显示输出文件如下json

我想使用该数据并在播放器javascript中打开它。来自播放器的plyr一些javascript代码。plyr我真的不知道该怎么办。