Trigger Browser Full Screen Mode via Javascript

Question

When a YouTube video goes full screen, it is relative to the monitor rather than the browser.

How can I trigger a browsers full screen mode to display a webpage relative to the monitor with JS?

Modern browsers have a full screen button, when it is pressed, the screen becomes the borders of your browser. But you cannot replicate this with CSS because the page is always contained in your browser — Huangism, Sep 28 '16 at 20:35
Can you toggle this with JS? I want it triggered by a site action, rather than browser action. — Ryanthehouse, Sep 28 '16 at 20:37
Possible duplicate: http://stackoverflow.com/questions/3900701/onclick-go-full-screen. — Jess, Sep 28 '16 at 20:45
When it appears to be a duplicate, I guess I'm supposed to just delete this question? — Ryanthehouse, Sep 28 '16 at 20:47

score 5 · Accepted Answer · answered Sep 28 '16 at 20:44

There's a fullscreen browser API in most modern browsers. You can invoke them in Javascript with commands like

if(document.fullscreenEnabled){
    document.getElementById("myimage").requestFullscreen();
}

Keep in mind you'll have to add much more fullscreen handling code in addition to this.

1 Answers1