问题标签 [plyr.js]

我有 nuxt 应用程序，它使用 vue-plyr 组件来播放视频。它在桌面和安卓上运行良好。（即使在开发人员工具桌面上屏幕变小）问题是它不能在 iOS 设备上播放。并且 iOS 上没有 js 控制台来调试我的代码。任何人都可以帮忙吗？

我已将 plyr.js 与播放和暂停事件分别应用于自动进入和退出全屏。

但是事件方法不适用于多个视频，它仅在我应用单个视频时才有效。

HTML

JS

CSS

以下是下载 HTML 文件的链接

https://github.com/Yusufzai/issue-plyer.js-github.git

任何帮助，将不胜感激

我正在尝试创建一个包含多个视频的页面，这应该是同步的。我设法只使用一个控件同时播放它们。但现在，我的目标是让用户能够更改时间或寻找视频。

现在实际上，如果视频的长度很短，它就可以工作。这是我目前的发展https://stackblitz.com/edit/ngx-plyr-qilsdm

我正在将此视频用于虚拟http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerBlazes.mp4它工作得很好我可以自由更改时间，虽然它看起来有点滞后正好。

但是当我尝试使用我的视频https://cdn.among.tv/vod/2021/0930/old-days-c1-2.mp4它不起作用。

我知道可能是因为视频的分辨率不同，但我的任务是使用 1080p 视频。有谁知道克服这个的诀窍？

我正在为 ngx-plyr 创建一个自定义 progerssbar 控件，它正在工作，但存在一个错误，用户有时需要单击进度条 2-3 次才能更改要更改的视频时间。你可以在这里看到它https://bory-webspeech.netlify.app

这是我设法模拟进度条的方法

我哪里做错了？

我可以vue-plyr像这样使用 youtube 视频：

但是当我尝试使用文档中描述的本地视频时：

我收到一个错误：

这个 git 问题说要安装scss-loader，但我已经有了它：

我究竟做错了什么？

我的视频大小是2.7 MB并且vue-plyr需要 10 秒左右才能将其加载到我的本地开发环境 ( laravel/vue) 中。在此期间，plyr框架只是保持黑色。不好的是，它甚至autoplay在加载后也没有。

我做错了什么还是这种行为正常？

这就是我的设置方式：

我正在尝试构建一个使用 plyr 作为音频播放器的反应应用程序。我有使用具有不同内容布局的模板的课程。当用户浏览课程时，每节课的音频都会发生变化。如果是全新的模板，音频变化很好，但如果从一课到另一课的模板相同，则音频不会改变。我正在尝试根据 redux 中音频 url 的更改来更改它。我好像撞墙了。我似乎无法让 plyr 以编程方式更改源代码。

我创建了一个 codepen 以显示它不能与 onclick 一起使用：

https://codepen.io/bradrice/pen/JjyxjEY

我可以在控制台中看到 onclick 正在调用 changeSource 函数，但源没有改变。我做得对吗？

我正在尝试遍历对象数组并将它们作为道具分配给 react Plyr 组件，这就是我目前正在做的事情，我只是将第一个对象值作为道具传递给组件，就像这样。

这是我的 api 响应

这是 plyr 对象的结构链接到 plyr io 的内容。

我还是 React 的新手，我确实尝试使用 for each 和 map 但我无法更改键名，基本上我想存储来自 api 响应的键值并将它们分配给自定义键。

我检查了YouTube Player API Reference的文档，但它没有指定任何参数来为我们自己的 VTT 文件添加字幕路径。

我也遇到了Plyr.JS，但我不确定它是否可以用来实现相同的目标。

那么，有没有办法在 YouTube 视频上播放我们自己的字幕呢？

我正在使用 SvelteKit 和Plyr 媒体播放器构建一个项目 虽然 SvelteKit 仍处于测试阶段，但我不认为这是框架的错误。

我使用这些命令安装了必要的软件包

npm i -D svelte-preprocess node-sass
npm i sass
npx svelte-add@latest scss
npm i plyr
npm i svelte-plyr

苗条的.config.json

组件/videoplayer.svelte

错误终端显示