Open video on click in fullscreen, trigger event on fullscreen exit/change

fs-video.html

<script>
/**
 * @param {string} id video element css ID
 * 
 */
function openFullscreen(id) {
    
    event.preventDefault();

    elem = document.getElementById(id);
    elem.parentNode.classList.remove("uk-hidden");

    if (elem.requestFullscreen) {
        elem.requestFullscreen();
    } else if (elem.mozRequestFullScreen) { /* Firefox */
        elem.mozRequestFullScreen();
    } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari & Opera */
        elem.webkitRequestFullscreen();
    } else if (elem.msRequestFullscreen) { /* IE/Edge */
        elem.msRequestFullscreen();
    }

}

function closefullScreen() {

    if (!document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement) {

        //console.log("close");

        let fsVideo = document.querySelector("#tm-fs-video");
        fsVideo.classList.add("uk-hidden");

    } else {
       //console.log("open");
    }

}

if (document.addEventListener) {
    document.addEventListener("fullscreenchange", closefullScreen, false);      
    document.addEventListener("webkitfullscreenchange", closefullScreen, false);
    document.addEventListener("mozfullscreenchange", closefullScreen, false);
}
</script>

<a href="#" onclick='openFullscreen("my-video-id")'>
	Play Video
</a>
                        
<div id="tm-fs-video" class="uk-hidden">
    <video width="100%" id="video-id>" controls autoplay>
        <source src="VIDEO_URL" type="video/mp4">
        Your browser does not support the video tag.
    </video>
</div>