How can I catch event ExitFullScreen of a video?

Question

How can I catch event ExitFullScreen of a video ? I need to redraw the page when I exit the FullScreen of tag video.

Answer 1

Listen to the fullscreenchange event:

document.addEventListener("fullscreenchange", function () {
    console.log(document.fullscreen);
}, false);
document.addEventListener("mozfullscreenchange", function () {
    console.log(document.mozFullScreen);
}, false);
document.addEventListener("webkitfullscreenchange", function () {
    console.log(document.webkitIsFullScreen);
}, false);