javascript - 全屏模式下的 HTML5 视频检测按键

Question

在使用 <video> 以全屏模式播放视频时在 Chrome 和 Opera 中标记，按键事件不会被触发。

$(document).on('keypress', function(e) {
    if (e.which == 32) {
        e.preventDefault()
        console.log('space pressed')
    }
})

使用上面的代码，在视频正常播放时按空格键，会在控制台中显示“按下空格键”，但是当我切换到全屏时什么也没有发生。代码在 FF 中有效，我还没有在 Safari 中测试过。

有什么方法可以在全屏模式下检测按键事件吗？

Answer 1

出于安全原因，似乎大多数浏览器都不允许在全屏模式下进行键盘输入。尽管在 Chrome 中，我相信您可以设置以下键盘输入功能:

document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);

我自己还没有测试过。

有关更多信息，请查看以下内容:

How do I capture keyboard events while watching an HTML5 video in fullscreen mode?

Using the fullscreen API in web browsers