# Fullscreen in HTML5

**URL:** <https://forum.defold.com/t/fullscreen-in-html5/60307>\
**Category:** Questions\
**Created:** [August 15, 2019, 2:30pm UTC](https://forum.defold.com/t/fullscreen-in-html5/60307 "2019-08-15T14:30:16Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![benjames171](https://forum-defold.b-cdn.net/user_avatar/forum.defold.com/benjames171/32/34759_2.png) [@benjames171](https://forum.defold.com/u/benjames171)\
**Post date:** [August 15, 2019, 2:30pm UTC](https://forum.defold.com/t/fullscreen-in-html5/60307/1 "2019-08-15T14:30:16Z")

</div>

Is there a way to start HTML5 games in fullscreen by default when they’re loaded without needing to press the fullscreen buttom?

---

<div class="post-metadata">

**Author:** ![AGulev](https://forum-defold.b-cdn.net/user_avatar/forum.defold.com/agulev/32/4541_2.png) [@AGulev](https://forum.defold.com/u/AGulev)\
**Post date:** [August 15, 2019, 2:31pm UTC](https://forum.defold.com/t/fullscreen-in-html5/60307/2 "2019-08-15T14:31:14Z")

</div>

No, it’s impossible because of security reason.

---

<div class="post-metadata">

**Author:** ![Pkeod](https://forum-defold.b-cdn.net/user_avatar/forum.defold.com/pkeod/32/606_2.png) [@Pkeod](https://forum.defold.com/u/Pkeod)\
**Post date:** [August 15, 2019, 7:18pm UTC](https://forum.defold.com/t/fullscreen-in-html5/60307/3 "2019-08-15T19:18:47Z")

</div>

You can however make the canvas fit the entire browser window.

---

<div class="post-metadata">

**Author:** ![benjames171](https://forum-defold.b-cdn.net/user_avatar/forum.defold.com/benjames171/32/34759_2.png) [@benjames171](https://forum.defold.com/u/benjames171)\
**Post date:** [August 19, 2019, 1:21pm UTC](https://forum.defold.com/t/fullscreen-in-html5/60307/4 "2019-08-19T13:21:08Z")

</div>

How would I go about doing this?

---

<div class="post-metadata">

**Author:** ![Pkeod](https://forum-defold.b-cdn.net/user_avatar/forum.defold.com/pkeod/32/606_2.png) [@Pkeod](https://forum.defold.com/u/Pkeod)\
**Post date:** [August 19, 2019, 4:47pm UTC](https://forum.defold.com/t/fullscreen-in-html5/60307/5 "2019-08-19T16:47:27Z")

</div>

Here is a demo from a while ago doing this, you can see the CSS there [Pixcade Cosmos](https://www.pixcade.com/cosmos/web/)

It’s a very old Defold engine version now and inefficient function use so will be slow on mobile but that’s unrelated to fit window stuff. I think I added some stuff to fix mobile fit window stretching but can’t remember at the moment.

---

<div class="post-metadata">

**Author:** ![AGulev](https://forum-defold.b-cdn.net/user_avatar/forum.defold.com/agulev/32/4541_2.png) [@AGulev](https://forum.defold.com/u/AGulev)\
**Post date:** [August 19, 2019, 4:58pm UTC](https://forum.defold.com/t/fullscreen-in-html5/60307/6 "2019-08-19T16:58:21Z")

</div>

In Defold 1.2.160 it’s easy to do with this option:

 ![image](https://forum-defold-uploads.b-cdn.net/original/3X/4/5/4573501b5941c1de76a32fb824d771de35742a54.png)
