Simulate F11 with javascript

Question

How can I simulate F11 (fullscreen not maximaze browser window) as with flash: http://www.broculos.net/files/articles/FullscreenFlash/flashFullscreen.html ?

in flash: fscommand("fullscreen", true )

permadi.com/tutorial/flash9FullScreen/index.html

Thanks

Update

I found this:

var docElm = document.documentElement;

if (docElm.requestFullscreen) {
    docElm.requestFullscreen();
} else if (docElm.mozRequestFullScreen) {
    docElm.mozRequestFullScreen();
} else if (docElm.webkitRequestFullScreen) {
    docElm.webkitRequestFullScreen();
}

/* Exiting the full screen => showing the FULL SCREEN button */
if (docElm.requestFullscreen) {
    document.addEventListener("fullscreenchange", function () {
        if(!document.fullscreen) {
            // Do something
        }
    }, false);
} else  if (docElm.mozRequestFullScreen) {
    document.addEventListener("mozfullscreenchange", function () {
        if(!document.mozFullScreen) {
            // Do something
        }
    }, false);
} else if (docElm.webkitRequestFullScreen) {
    document.addEventListener("webkitfullscreenchange", function () {
        if(!document.webkitIsFullScreen) {
            // Do something
        }
    }, false);
}

this only works (from what've seen) only on a button click. Can't do this on page load

score 2 · Accepted Answer · edited May 23 '17 at 12:06

2

This isn't possible with JavaScript. It was proposed for the HTML5 video API but was later scrapped.

edited May 23 '17 at 12:06

Community

1
1

answered Jun 22 '10 at 15:07

James

109,676
31
162
175

It's not scrapped, its under heavy consideration: http://www.mail-archive.com/whatwg@lists.whatwg.org/msg19915.html – mwilcox Jun 22 '10 at 17:40

score 0 · Answer 2 · answered Sep 10 '14 at 20:49

There is a very basic tutorial on Mozilla:

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

Please note that as of this post this is "experimental technology".

function requestFullScreen(elt) {
    console.log("Requesting fullscreen for", elt);
    if (elt.requestFullscreen) {
        elt.requestFullscreen();
    } else if (elt.msRequestFullscreen) {
        elt.msRequestFullscreen();
    } else if (elt.mozRequestFullScreen) {
        elt.mozRequestFullScreen();
    } else if (elt.webkitRequestFullscreen) {
        elt.webkitRequestFullscreen();
    } else {
        console.error("Fullscreen not available");
    }
}

I was able to test this out successfully with div, video and canvas elements. Here is the code in jsfiddle -- http://jsfiddle.net/luken/001834wn/ -- but note that it does not actually work in jsfiddle for some reason.

Simulate F11 with javascript

2 Answers2

Linked