Uscire dalla modalità schermo intero con un pulsante

Ciao a tutti.

Mi servirebbe poter uscire dalla modalità schermo intero con un bottone (come su YouTube per intenderci).

La funzione JS che ho utilizzato per aprire la modalità a schermo intero è

Codice:

---

function myFullScreen() {
    var docElm = document.documentElement;
    if (docElm.requestFullscreen) {
        docElm.requestFullscreen();
    } else if (docElm.mozRequestFullScreen) {
        docElm.mozRequestFullScreen();
    } else if (docElm.webkitRequestFullScreen) {
        docElm.webkitRequestFullScreen();
    }
}

---

Richiamo la funzione myFullScreen(); con un bottone utilizzando onClick.

Mi servirebbe che quando clicco su un altro bottone la pagina uscisse dalla modalità a schermo intero.

Qualcuno sa come risolvere?

Grazie

Salve,
per annullare il fullscreen con js, può farlo così:

Codice:

---

function myNormalScreen() {
    var docElm = document.documentElement;
    if (docElm.cancelFullScreen) {
        docElm.cancelFullScreen();
    } else if (docElm.mozCancelFullScreen) {
        docElm.mozCancelFullScreen();
    } else if (docElm.webkitCancelFullScreen) {
        docElm.webkitCancelFullScreen();
    }
}

---

Cordiali saluti.

Grazie mille per la tempestiva risposta.
Purtroppo il codice che mi consiglia non funziona.
Quando si clicca sul pulsante non succede nulla.

Provi così:

Codice:

---

function myNormalScreen2() {
    if (document.exitFullScreen) {
        document.exitFullScreen();
    } else if (document.mozExitFullscreen) {
        document.mozExitFullScreen();
    } else if (document.webkitExitFullscreen) {
        document.webkitExitFullScreen();
    }
}

---

Cordiali saluti.

Avevo già provato, ma ancora non funziona.
Grazie comunque.

Codice:

---

function fullscreen() {
    var isInFullScreen = (document.fullscreenElement && document.fullscreenElement !== null) ||
        (document.webkitFullscreenElement && document.webkitFullscreenElement !== null) ||
        (document.mozFullScreenElement && document.mozFullScreenElement !== null) ||
        (document.msFullscreenElement && document.msFullscreenElement !== null);

    var docElm = document.documentElement;
    if (!isInFullScreen) {
        if (docElm.requestFullscreen) {
            docElm.requestFullscreen();
        } else if (docElm.mozRequestFullScreen) {
            docElm.mozRequestFullScreen();
        } else if (docElm.webkitRequestFullScreen) {
            docElm.webkitRequestFullScreen();
        } else if (docElm.msRequestFullscreen) {
            docElm.msRequestFullscreen();
        }
    } else {
        if (document.exitFullscreen) {
            document.exitFullscreen();
        } else if (document.webkitExitFullscreen) {
            document.webkitExitFullscreen();
        } else if (document.mozCancelFullScreen) {
            document.mozCancelFullScreen();
        } else if (document.msExitFullscreen) {
            document.msExitFullscreen();
        }
    }
}

---

Codice:

---

<button onclick="fullscreen()">Toggle FullScreen</button>

---

Passa a Jquery.

Grazie, provo anche con questo.

Comunque ho trovato un'altra soluzione.
Basta mettere requestFullScreen(); anche al bottone di uscita (nel caso in cui coincida con quello di attivazione non bisogna fare nulla) perché è come se richiedesse al browser il cambiamento dello "stato dello schermo" (da schermo normale a intero o da schermo intero a normale).

Per compatibilità cross browser, puoi usare la funzione che ho proposto, altrimenti usa document.documentElement.requestFullscreen