html - 当鼠标在html5中的视频全屏模式下离开屏幕时如何打开sidenav？

Question

我想调用在网页中打开 sidenav 的函数。但是当我的鼠标光标在 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

您无法为此注册事件，所以我认为它不可能。另外，如果您处于全屏模式，您将如何离开屏幕。您只能将其移动到角落，而不能移出屏幕。