当进度条被选中时,Chrome中的addEventEvent keydown不起作用

vcudknz3  于 11个月前  发布在  Go
关注(0)|答案(1)|浏览(123)

突然空格键停止工作(播放或暂停播放),当你点击进度条和它的活动元素。
我不能让它工作,甚至使用addEvents.exe与keydown。
下面是测试它的代码。当你点击进度条并按下任何键时,它应该在控制台中记录目标。它在Firefox中工作正常,但在Chrome中不行。就像进度条不是文档的一部分一样。

document.addEventListener('keydown', controlVideo);  
function controlVideo(e) {    
  console.log(e.target);  
}
<video src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" controls></video>

Chrome版本118.0.5993.89

3lxsmp7m

3lxsmp7m1#

对于任何寻找快速解决方案的人,你可以使用Plyr库。它是轻量级的,空格键在最新的Chrome和Edge中再次工作。

const player = new Plyr('#video');
<link href="https://cdn.plyr.io/3.7.8/plyr.css" rel="stylesheet"/>
<script src="https://cdn.plyr.io/3.7.8/plyr.js"></script>
<video id="video" src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" controls></video>

相关问题