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

Question

I want to call function which opens sidenav in webpage. But I want to do it when my mouse cursor goes out of the screen in full =screen mode of video in HTML5. What should I do?

Answer 1

Something like this

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