如何在HTML5中以全屏模式视频鼠标退出屏幕时打开SideNav

Question

我想调用在网页中打开侧导航的函数。但是我想在HTML5中以全屏=屏幕模式离开屏幕时执行此操作。我该怎么办？

Answer 1

像这样的东西

$('video#my-video').bind('webkitfullscreenchange mozfullscreenchange fullscreenchange', function(e) {
    var state = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;
    var event = state ? 'FullscreenOn' : 'FullscreenOff';
    // Now add mouse detection and display nav if mouse is where you want it   
});

Answer 2

您无法为此注册事件，因此我认为这是不可能的。另外，如果您处于全屏模式，您将如何退出屏幕。您只能将其移动到角落，而不能将其移出屏幕。