在 html5 视频全屏模式下鼠标离开屏幕时如何打开 sidenav?

how to open sidenav when mouse goes out of screen in fullscreen mode of video in html5?

我想调用在网页中打开sidenav的功能。但是我想在 HTML5 中的全屏视频模式下鼠标光标离开屏幕时执行此操作。我该怎么办?

你不能为此注册一个事件,所以我不认为它 possible.Also,如果你处于全屏模式,你将如何退出屏幕。只能移到角落,不能移出屏幕。

像这样

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