在 JWPlayer 上禁用键盘快捷键

【问题标题】：disable KeyBoard shortcuts on JWPlayer在 JWPlayer 上禁用键盘快捷键
【发布时间】：2021-02-02 21:16:55
【问题描述】：

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

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

【问题讨论】：

标签： javascript jquery html5-video jwplayer

【解决方案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);
});

【讨论】：