Как открыть sidenav, когда мышь выходит из экрана в полноэкранном режиме видео в html5?

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

Вы не можете зарегистрировать мероприятие по этому поводу, поэтому я не думаю, что его возможно. Также, если вы находитесь в полноэкранном режиме, как вы выйдете из экрана. Его можно переместить только в угол, а не на экран.