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

时间:2019-05-16 06:58:06

标签: video streaming plyr hls.js

我正在使用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'),但这没用。

1 个答案:

答案 0 :(得分:0)

我已经找到了使用document.querySelectorAll('video')解决我的问题的方法。如果您有兴趣,可以在https://codepen.io/MichaGue/pen/oRWVdq

处找到一个代码笔