全屏模式下的HTML5視頻檢測按鍵

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

我沒有這個測試自己。

也爲更多的信息，請查看以下內容：

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

Using the fullscreen API in web browsers