How to quit a full screen web app

Question

We are trying to get our web app to run as a full screen web app. I got this to work using these meta tags:

Answer 1

Here's a nice tutorial on How to user HTML5 fullscreen api

From that, to exit Full screen:

if (document.exitFullscreen) {
    document.exitFullscreen();
} else if (document.webkitExitFullscreen) {
    document.webkitExitFullscreen();
} else if (document.mozCancelFullScreen) {
    document.mozCancelFullScreen();
} else if (document.msExitFullscreen) {
    document.msExitFullscreen();
}

You can write the above code in any DOM element's click method like, say using jquery:

$("#exitFullScreen").click(function(){
    // the above code
        if (document.exitFullscreen) {
        document.exitFullscreen();
    } else if (document.webkitExitFullscreen) {
        document.webkitExitFullscreen();
    } else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
    } else if (document.msExitFullscreen) {
        document.msExitFullscreen();
    }
});

Other references:

1. https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode

2. http://davidwalsh.name/fullscreen

3. http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/

4. http://updates.html5rocks.com/2011/10/Let-Your-Content-Do-the-Talking-Fullscreen-API