Question

我正在制作一个带有自定义控件的HTML5视频播放器。你可以在THIS jsFiddle。

中看到它

HTML是“经典”：

if (2>1) 
    return false;
return true;

我有一个全屏功能，我可以调用2个事件：单击全屏按钮并按 Esc 键。

单击全屏按钮切换全屏模式确定，但我看不清使用该键的原因。毕竟，这是相同的功能......

任何提示？泰！

Answer 1

既然我明白了你的目标，你就无法在全屏模式下听取按键事件的安全风险，有很多方法可以在Chrome中启用此功能，但我强烈反对。

您可以做的是，您可以收听webkitfullscreenchange mozfullscreenchange fullscreenchange个事件（出于浏览器兼容性原因，多个事件）。

然后在这些事件发生时采取行动。

$(document).bind('webkitfullscreenchange mozfullscreenchange fullscreenchange', function(e) {
    var state = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;
    var event = state ? 'FullscreenOn' : 'FullscreenOff';

    // Now do something interesting
   if(event === 'FullscreenOff') {
    // Do something when user exists fullscreen
   } else {
    // Do something when user enters fullscreen
   }
});

带自定义控件的HTML5视频播放器：使用[ESC]退出全屏

1 个答案: