javascript - FullScreen works onclick but not onload

Question

I'm trying the code from here to start fullscreen mode. It works if executed onclick , but not onload. (I've also discovered that setting an alert before it will disable it unless the alert is clicked immediately.) So perhaps the problem is that sometimes the browser isn’t 'ready' for fullscreen.

So what is the last event fired when a page is completely ready? Or is the solution different?

Answer 1

Fullscreen requires user interaction to initiate. It's a security feature.

Imagine if some pop-up could force you into fullscreen mode, lock your mouse pointer, and start playing an advertisement without your permission.

Having a 'enable full screen' link or button who's visibility is toggled in the document 'fullscreenchange' event handler seems like a practical approach.