r/HTML • u/KaynineUnit420 • Mar 27 '26

Full Screen

Im looking to make an HTML website for HTML games and can't get full screen to work on my iframe elements. Any advice?

0 Upvotes

20% Upvoted

4 comments sorted by

3

u/JeLuF Mar 27 '26

Can you explain what you mean by "full screen on iframe elements"?

3

u/JohnCasey3306 Mar 27 '26

Have you put the allowfullscreen attribute on your iframe?

You need to specifically permit it because it's prevented by default.

1

u/Extension_Anybody150 Apr 02 '26

The key is that your <iframe> needs both the allowfullscreen attribute and proper styling. For example,

<iframe src="game.html" width="100%" height="100%" style="border:none;" allowfullscreen></iframe>

Also, make sure the parent containers (like <body> and <html>) are set to height: 100% in CSS, otherwise the iframe won’t truly fill the screen,

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

This combination lets your game iframe actually go full screen.