在 JWPlayer 上禁用键盘快捷键

Posted 2023-05-07

【中文标题】在 JWPlayer 上禁用键盘快捷键

【英文标题】：disable KeyBoard shortcuts on JWPlayer

【发布时间】：2021-02-02 21:16:55

【问题描述】：

我们希望禁用键盘快捷键以快进并寻找另一个位置。 禁用 javascript 的键在非全屏时有效，但在全屏时我们会遇到问题。

是否可以关闭键盘快捷键？

【参考方案1】：

这是一个代码演示，演示如何禁用左右键盘箭头键：

      jwplayer('player').on('ready', () => 
        // BLOCKING LEFT and RIGHT KEY PRESS
        let all = document.getElementsByTagName('*');
        for (let element of all) 
            element.addEventListener("keydown", (e) => 
                if ((e.which || e.keyCode) == 37) 
                    e.stopImmediatePropagation();
                ;
                if ((e.which || e.keyCode) == 39) 
                    e.stopImmediatePropagation();
                ;
            , true);
        
    );

【参考方案2】：

这是一种更简洁的方法，它直接针对 jwplayer 元素并禁用所有键盘快捷键：

document.querySelectorAll('.jwplayer').forEach(elem => 
  elem.addEventListener('keydown', (e) => e.stopImmediatePropagation(), true);
);