在 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
});
我想调用在网页中打开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
});