jQuery: Open/request Fullscreen browser on load?

jquery html fullscreen window-load
Steve picture Steve · Apr 9, 2013 · Viewed 7.4k times · Source

I have a page with a div #container which I would like to have go into full screen mode (or at least request to go into full screen mode) on supported browsers.

I downloaded this plugin

and although the example all show using a button to enter fullscreen, I'd like to do it on load. I tried:

$(window).load(function() {
        if($.support.fullscreen){
            $('#container').fullScreen();
        }
    });

It passes the support test (Chrome 28) but nothing happens. What am I missing?

Answer

Steve picture Steve · Apr 9, 2013

It would seem, after further research, that the fullscreen API can only be activated via user interaction for security reasons. If anyone knows otherwise, please feel free to post.

Related questions

JWPlayer for Fullscreen Background Video

I'm looking to use jwPlayer for fullscreen background video that simply plays in a loop as the background of the site. I'm testing this here, with moderate success in Chrome on Mac OSX (please excuse the size of the video …

Read More
HTML5 or JQuery Full Screen Crosshair Cursor

We've all seen those military movies with that full screen crosshair cursor on the computers, or even in some animations you see it. For example in the beginning of this video on YouTube titled, "Dishonorable Disclosures" you see exactly what …

Read More
How do I check whether a checkbox is checked in jQuery?

I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. For example, if the age checkbox is checked, then I need to show a textbox to enter age, else …

Read More