问题标签 [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 - 在 glightbox 中实现 hls 视频播放 - Javascript lightbox
因此，我正在尝试使用 glightbox biati-digital /glightbox制作我的视频/图像库，以播放具有多种流质量的 m3u8 文件，但无法使用 lightbox 实现它。我在这里找到了一个独立视频的解决方案Plyr + HLS.js & video quality Matthew Marino，但我的 js 还没有达到在 glightbox 中实现该解决方案的水平。任何想法如何让它工作？我尝试将代码传递给 glightbox.js，但这会破坏画廊 - 直接点击的视频不仅仅播放缓冲。
javascript - 从 json 错误有条件地渲染 plyr-react 媒体的问题
尝试从 JSON 文件有条件地渲染不同的媒体（音频/视频）以做出反应，但出现错误。
这是代码：
无论我使用=after source 还是:react 似乎都不喜欢源中的嵌套数据。有什么解决办法吗？
javascript - 如何在 Plyr 中播放 mp4 和 HLS url 并进行质量控制 - ReactJS？
我正在尝试在我的 React 中实现 Plyr 以支持我播放视频。
这是我目前正在尝试使用的节点包：PLYR REACT
我得到了一个video来自 URL，它将是 mp4 或 HLS - 具体是m3u8URL。
我已成功附加它并播放了视频（但只有 HLS - m3u8 url），我无法显示它的质量控制。
如果是 MP4 URL，则整个函数将不会继续，只会返回blank video，这是我不想要的。
那么，如何检测它是 mp4 还是 m3u8 URL？而且我只想在 m3u8 URL 中进行质量控制。你可以在我的代码中看到这一点。
整个getList很长，但我收到的视频网址在第二部分response，所以请随意跳过整个getList功能的前半部分。
这是我的代码：
更新：
我尝试阅读了一下并能够对 mp4 和 m3u8 URL 进行分类，但我仍然真的不知道如何将其实现为 Plyr（MP4），HLS m3u8我只知道如何实现其最简单的形式，我仍然无法对其实施质量控制。
这就是我现在的做法。
reactjs - plyr-react ref.current.plyr.on 不是函数
我正在使用反应功能组件和 plyr-react 版本 3.2.1。
得到错误ref.current.plyr.on 不是函数
在 3.1.0 及以下版本中它工作正常
Stackblitz 链接 - https://stackblitz.com/edit/react-vv9haf
代码