# Phaser 3 full screen on mobile

**URL:** <https://phaser.discourse.group/t/phaser-3-full-screen-on-mobile/1158>\
**Category:** Phaser 3\
**Created:** [February 10, 2019, 1:56pm UTC](https://phaser.discourse.group/t/phaser-3-full-screen-on-mobile/1158 "2019-02-10T13:56:30Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![NRJ](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/nrj/32/952_2.png) [@NRJ](https://phaser.discourse.group/u/NRJ)\
**Post date:** [February 10, 2019, 1:56pm UTC](https://phaser.discourse.group/t/phaser-3-full-screen-on-mobile/1158/1 "2019-02-10T13:56:30Z")

</div>

I have tried the example given on [this link](http://labs.phaser.io/100.html?src=src%5Cscalemanager%5Cfull%20screen%20game.js) to start full screen ,it works fine on pc but not on mobile.  
I have simulated mobile device on developer tools on chrome and I have got this error.

![fs_error](https://global.discourse-cdn.com/free1/uploads/phaser1/original/1X/c69c92aa9440ded26244cf48e1a128abe2e29633.png)

Do anybody know why this is not working on mobile device and have a fix for that …

---

<div class="post-metadata">

**Author:** ![flowan](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/flowan/32/670_2.png) [@flowan](https://phaser.discourse.group/u/flowan)\
**Post date:** [February 10, 2019, 5:12pm UTC](https://phaser.discourse.group/t/phaser-3-full-screen-on-mobile/1158/2 "2019-02-10T17:12:15Z")

</div>

It doesn’t look there is much support for fullscreen on mobile devices yet, see [https://caniuse.com/#feat=fullscreen](https://caniuse.com/#feat=fullscreen)

Maybe you can give this a try; [https://stackoverflow.com/a/22830684/2881485](https://stackoverflow.com/a/22830684/2881485)

Edit; There is also another thread about the same issue. Have a look [Fullscreen support on iOS](https://phaser.discourse.group/t/fullscreen-support-on-ios/996)

---

<div class="post-metadata">

**Author:** ![matrizet](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/matrizet/32/1299_2.png) [@matrizet](https://phaser.discourse.group/u/matrizet)\
**Post date:** [February 19, 2019, 11:48am UTC](https://phaser.discourse.group/t/phaser-3-full-screen-on-mobile/1158/3 "2019-02-19T11:48:42Z")

</div>

I tried a lot but fullscreen didn’t work for me too.  
So i created another page and called the game in in fullscreeen iframe

---

<div class="post-metadata">

**Author:** ![hcakar](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/hcakar/32/459_2.png) [@hcakar](https://phaser.discourse.group/u/hcakar)\
**Post date:** [February 19, 2019, 1:49pm UTC](https://phaser.discourse.group/t/phaser-3-full-screen-on-mobile/1158/4 "2019-02-19T13:49:29Z")

</div>

Hello @matrizet

Does this work for you on IOS ??

Please let us know.

---

<div class="post-metadata">

**Author:** ![matrizet](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/matrizet/32/1299_2.png) [@matrizet](https://phaser.discourse.group/u/matrizet)\
**Post date:** [February 19, 2019, 2:20pm UTC](https://phaser.discourse.group/t/phaser-3-full-screen-on-mobile/1158/5 "2019-02-19T14:20:55Z")

</div>

I don’t own an IOS.  
But on a forum a user stated the fullscreen api didnt work on his ios

---

<div class="post-metadata">

**Author:** ![hcakar](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/hcakar/32/459_2.png) [@hcakar](https://phaser.discourse.group/u/hcakar)\
**Post date:** [February 19, 2019, 2:22pm UTC](https://phaser.discourse.group/t/phaser-3-full-screen-on-mobile/1158/6 "2019-02-19T14:22:23Z")

</div>

I see thanks 🙂

---

<div class="post-metadata">

**Author:** ![tijuinem](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/tijuinem/32/564_2.png) [@tijuinem](https://phaser.discourse.group/u/tijuinem)\
**Post date:** [February 19, 2019, 4:39pm UTC](https://phaser.discourse.group/t/phaser-3-full-screen-on-mobile/1158/7 "2019-02-19T16:39:42Z")

</div>

hi  
this example is working for me . but , just in **3.16.2**

```
scale: {
mode: Phaser.Scale.FIT,
parent: ‘phaser-example’,
autoCenter: Phaser.Scale.CENTER_BOTH,
width: 1068,
height: 600
},

```

check a ratio like 1068 / 600 = 1,78 . This way you get full screen in pc and movile.  
also, I prefer “opera browser” for mobile. it detect automaticaly the full screen. If you use “fifefox” on mobile, the full screen you will get in settings of browser, checking “PC-mode” . In chrome it works as well with this way. But is more stable Firefox.

---

<div class="post-metadata">

**Author:** ![NRJ](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/nrj/32/952_2.png) [@NRJ](https://phaser.discourse.group/u/NRJ)\
**Post date:** [March 14, 2019, 1:45pm UTC](https://phaser.discourse.group/t/phaser-3-full-screen-on-mobile/1158/8 "2019-03-14T13:45:45Z")

</div>

yes, using Phaser 3.16.2 fullscreen now works on Mobile .

---

<div class="post-metadata">

**Author:** ![Htewech7](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/htewech7/32/921_2.png) [@Htewech7](https://phaser.discourse.group/u/Htewech7)\
**Post date:** [March 26, 2019, 9:25am UTC](https://phaser.discourse.group/t/phaser-3-full-screen-on-mobile/1158/9 "2019-03-26T09:25:47Z")

</div>

thanks for this answer

---

<div class="post-metadata">

**Author:** ![slackentorp](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/slackentorp/32/1040_2.png) [@slackentorp](https://phaser.discourse.group/u/slackentorp)\
**Post date:** [March 26, 2019, 2:28pm UTC](https://phaser.discourse.group/t/phaser-3-full-screen-on-mobile/1158/10 "2019-03-26T14:28:38Z")

</div>

iOS 12 should support phaser fullscreen on ipad, but it’s still an experimental feature on iphone. At least as of a couple of days ago.

---

<div class="post-metadata">

**Author:** ![frontier](https://avatars.discourse-cdn.com/v4/letter/f/b9bd4f/32.png) [@frontier](https://phaser.discourse.group/u/frontier)\
**Post date:** [March 29, 2019, 12:35am UTC](https://phaser.discourse.group/t/phaser-3-full-screen-on-mobile/1158/11 "2019-03-29T00:35:04Z")

</div>

To add to this, you need to go into settings and specifically enable this experimental feature.

And in my experience, my app kept getting this popup from Safari every few minutes saying “it looks like you might be using a fake keyboard” or something to that effect. Which is fine once, but it kept reappearing throughout the single session and there was no way to say “go away, I trust this page”.

Fullscreen on Safari iPhone is definitely not ready for mainstream users as of iOS 12.1. ☹
