Run a website in fullscreen mode

javascript html fullscreen
Marcio Barroso picture Marcio Barroso · Mar 26, 2015 · Viewed 57.3k times · Source

I am looking for a trick to put my website in fullscreen mode without human interaction.

I've found some examples using HTML5's techniques, but all of then needs to be triggered by a human interaction.

This website will be displayed in a TV ...

I already think in load the website using a SWF file in fullscreen mode, but instead of going to this direction, I would like to stress all possibilities using just the default pattern (html, css and javascript)

Answer

Cerbrus picture Cerbrus · Mar 26, 2015

You can't force a website to display in fullscreen mode.

Imagine the security concerns if that were possible.
Malicious websites could "Hijack" a less computer literate person's desktop for all kinds of dubious business.

All of JS fullscreen api's will throw a error like this:
"Failed to execute 'requestFullScreen' on 'Element': API can only be initiated by a user gesture." If you try to simply call it from your code.

I'm pretty darn sure Flash is similar, in that it requires user interaction to go fullscreen. Otherwise, we'd have seen our fair share of fullscreen popups that are nearly impossible to close.

Related questions

Embed youtube videos that play in fullscreen automatically

So what I'm trying to do is have fullscreen video across my website. But I would like to auto play a youtube video and automatically in fullscreen (The size of the browser window). My site navigation is left and right …

Read More
How to stop a requestAnimationFrame recursion/loop?

I'm using Three.js with the WebGL renderer to make a game which fullscreens when a play link is clicked. For animation, I use requestAnimationFrame. I initiate it like this: self.animate = function() { self.camera.lookAt(self.scene.position); self.…

Read More
"webkit-playsinline" video tag attribute

The <video> tag attribute webkit-playsinline supposedly prevents the default go to fullscreen behavior of HTML5 videos. I added this attribute to my video tag and checked mobile safari and chrome on iOS6 iPhone and it doesn't work. The …

Read More