video - 如何使用 hls.js 和 plyr 配置多个视频实例

Question

我正在使用 plyr ( https://github.com/sampotts/plyr ) 和 hls.js ( https://github.com/video-dev/hls.js/ ) 流式传输视频。示例https://codepen.io/pen?template=oyLKQb适用于一个视频实例。目前 document.querySelector 只检测到第一个实例。如何调整代码以在同一页面上有多个视频实例？

我尝试在每个实例中使用 id，例如<video id=player1"></video>. 并打电话document.querySelector('player1.video')，但这没有用。

标签： videostreamingplyrhls.js

Answer 1

我找到了使用document.querySelectorAll('video'). 如果你有兴趣，你可以在这里找到一个codepen https://codepen.io/MichaGue/pen/oRWVdq