问题标签 [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.
javascript - 尝试使用带有自定义 html 的 plyr.js 库将具有速度设置的 plyr 控件重新集成到我的视频中
我希望能够将自定义项附加到plyr.js视频中的控件,但这会删除带有速度设置的设置项。
正如标题所说,我需要能够将设置控件与速度设置重新集成到我的视频中。我正在尝试使用自定义 HTML 来执行此操作,但是单击设置图标时我没有得到任何响应。
在播放器控件的默认/工作版本上,hidden=""的属性似乎已被删除/添加到 plyr__controls__item、plyr-settings-{id}-home、plyr-settings-{id}-captions 等。显示/隐藏它,但不使用手动添加的设置菜单来显示/隐藏它。
具体来说,设置菜单的 javascript 相关功能似乎都不起作用。在浏览器中手动显示菜单和速度控制按钮时的隐藏和显示。
我正在为设置部分提供 HTML 代码,因为我相信我可能会在那里遗漏一些东西。
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”脚本有关。也许这里有一些东西要设置。
谢谢你。
javascript - 1 页上不同 plyr 的不同配置
喜欢 plyr.js - 我正在使用 npm 包,但我只是想知道我们如何在同一页面上配置具有不同设置的不同播放器。似乎本地存储配置对象每次都被覆盖?
即,我有一些视频充当背景(它们被静音,没有控件等...)和一些作为弹出播放器(有控件,没有静音等...) - 这在第一页加载时工作正常。但是当刷新页面时,后台播放器上的静音设置会被覆盖:/
javascript - 无法使用 Plyr.js 触发结束事件
我正在尝试实现https://github.com/sampotts/plyr#events但无法使用 addEventListener() 方法触发嵌入的结束状态,因为我没有使用 jquery。我目前正在尝试在结束时仅显示一条消息。但它甚至不会显示在控制台上。
我已经创建了元素并使用此代码将其公开
我已经在公共代码中使用 player.source 加载新源。
尝试使用此调用事件状态。但我什至无法登录控制台。
ruby-on-rails - 如何在 Rails 6 站点中实现 plyr.js?
https://plyr.io/是一个支持 YouTube 和 Vimeo 播放视频的 JavaScript 库。我正在尝试在 Rails 6 站点中实现它。实现这一目标的步骤是什么?
javascript - 如何从 html 代码中隐藏/屏蔽 data-plyr-provider
我正在使用 plyr 播放 YouTube 视频。我想data-plyr-provider
从 html 文件中隐藏定义。它永远是 YouTube。
目前我正在使用此代码
我在想我可以修改plyr.min.js
我正在使用的字符串 YouTube 并对其进行硬编码,但是在查看代码时我无法这样做。我的意思是我找不到合适的地方。
我发现的 .js 中唯一的参考data-plyr-provider
是这一行
attributes: { embed: { provider: "data-plyr-provider", id: "data-plyr-embed-id" } },
有人可以帮忙吗?在哪里修改代码或者是否有任何其他方式如何隐藏plyr.min.js
javascript - 在哪里修改 plyr 源代码中 data-plyr-embed-id 的值?
我想“隐藏”我在我的网站上使用的视频的真实 ID。我在想我可以在 html 源代码中使用 ID 之前以某种方式对其进行加密,然后在 plyr 中将其加密恢复正常。我的知识还不够好,无法在 plyr.js 文件中找到可以执行此操作的正确位置
有人可以帮助我吗?
我只能在源代码中看到字符串出现一次
但不知道如何跟踪我可以修改值的正确位置。
如果你能写下你是如何找到正确的地方的,那将对我有所帮助。我得到了如何修改data-plyr-provider 的帮助,但得到了鱼。所以还在寻找如何钓鱼
javascript - 带有 Plyr 播放器的 JSON 数据
您好,我有一个php
代码,它显示了一个json
带有视频的文件url
。我想url
在plyr
播放器中使用它。
当点击链接https://example.com/test.php
它显示输出文件如下json
:
我想使用该数据并在播放器javascript
中打开它。来自播放器的plyr
一些javascript
代码。plyr
我真的不知道该怎么办。