Question

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

$(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);

我自己没有对此进行测试。

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