Fullscreen detection test

cross-browser fullscreen detection test code. IE does not implement the fullscreen API.

by austegard

HTML

<a href="http://fiddle.jshell.net/austegard/FUbwg/show/light/" target="top">launch in standalone window</a><br>
<button>Toggle (no IE!)</button>
<div></div>

JavaScript

var is_fs = function() {
    return (screen.height === window.outerHeight);
};

var cfs = function() {
    var d = document;
    if (d.cancelFullScreen) {
        d.cancelFullScreen();
    } else if (d.mozCancelFullScreen) {
        d.mozCancelFullScreen();
    } else if (d.webkitCancelFullScreen) {
        d.webkitCancelFullScreen();
    }
};

var rfs = function() {
    var d = document.documentElement;
    if (d.requestFullScreen) {
        d.requestFullScreen();
    } else if (d.mozRequestFullScreen) {
        d.mozRequestFullScreen();
    } else if (d.webkitRequestFullScreen) {
        d.webkitRequestFullScreen();
    }
};

$(window).resize(function() {
    var t = new Date().toLocaleTimeString();
    var s = is_fs() ? "fullscreen" : "windowed";
    $("div").prepend(t + ": Browser is " + s + "<br>");
});

$("button").click(function() {
    if (is_fs()) {
        cfs();
    } else {
        rfs();
    }
});