我正在使用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')
,但这没用。
答案 0 :(得分:0)
我已经找到了使用document.querySelectorAll('video')
解决我的问题的方法。如果您有兴趣,可以在https://codepen.io/MichaGue/pen/oRWVdq