Create button to cancel fullscreen function

Question

I want to create a button to cancel a fullscreen event/function without toogle function just click the button and close full screen mode.

someone can help me ?

Answer 1

I managed to solve my problem with the Javascript

Solution:

   <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

    <script>


function exitFullscreen() {

        if(document.exitFullscreen) {
            document.exitFullscreen(); }

        else if(document.mozCancelFullScreen) {
            document.mozCancelFullScreen();}

        else if(document.webkitExitFullscreen) {
            document.webkitExitFullscreen();
        }
    }
    </script>



html:

    <button class="fechar" onclick="exitFullscreen();"> X </button>