[iOS Safari] Fullscreen API on a non-video element

Safari & Web General
chen209 OP
Created May ’20
Replies 28
Boosts 10
Views 22k
Participants 31

webkitEnterFullScreen API is supported on iOS for video element, but not for a div element. Also as a fullscreen demo website shown, Safari on macOS supports div element but not on iOS.

Is there any plan to add the support in iOS? If not is there any way to fullscreen a div element or make it run as fullscreen on Safari iOS?

Replies  28
Boosts  10
Views  22k
Participants  31
Frameworks Engineer OP
Apple
Jun ’20
Calling the fullscreen API on an arbitrary element is available on iPadOS. Thanks for the request to make it available on iOS.
12
mustafaekim OP
Jul ’20
Calling the fullscreen API on an arbitrary element DOES NOT WORK on my iPadOS, 7th generation.
The screenfull.js demo does not work either. Anybody knows how I can make it work?

PS. I tried to use both Chrome and Safari on my IPAD. In both of the browsers, web page does not go to fullscreen.
2
jcrim OP
May ’21
The fullscreen API works ok on iPadOS (webkit prefixes required) - I just tested it today on a 5th gen iPad. The biggest issue is that when an input is focused, it bounces out of full screen mode, so that has to be detected, and the user has to interact to bring it back into fullscreen mode if that's appropriate.

Still no luck on iPhones - doesn't seem to be supported. An installable webapp (PWA) will probably work better, but that's not the same as the fullscreen API (eg you can't fullscreen a specific element).
3
Mat3 OP
Nov ’21

Please Apple, what are your developers doing? Allow Fullscreen API in DIV elements on iPhone.

3
Mat3 OP
Nov ’21

Please we need Fullscreen API in DIV elements for iPhone!

9
fortesp OP
Jan ’22

Indeed we need this on iOS

10
Buildpax OP
Feb ’22

According to the Browser Compatibility table on the Mozilla Developer Network, the Fullscreen API is only partially supported in Safari on iOS and uses a nonstandard name.

Hopefully, Apple allows this in the near future as they had in the past.

2
Kenny166 OP
Mar ’22

we need this, all other browsers support this. why apple does not support?

4
xinxuetao OP
Apr ’22

yes, what are the engineers doing everyday in Apple??? How incredible you don't make such easy api!!!

4
tiagorangel OP
Apr ’22

This. Is. Something. Required.

No progress?????

2
tiagorangel OP
Apr ’22

This is important. What's apple doing??

0
AndyAker OP
Apr ’22

It's obviously a strategy from Apple to NOT support the Fullscreen API, it's now the only thing left that prevents people from making full-blown web-based games, and that would of course be a disaster for the App Store... Apple has sadly become the new Microsoft ;-( it breaks my heart...

3
xgl OP
Jun ’22

This isn't even supported on a video element, maybe do that first????

0
Marson777 OP
Nov ’22

Hi all! I have a little question: Where is the Fullscreen Api on ios 16.1? How can i turn it on?

0
Joy50 OP
Oct ’23

Please bring back full-screen API. We can't use full-screen video mode on Google Drive. Everyone faces this problem only on iPhones. But with Other OS like Android, everything works perfectly. Please bring Full-Screen API on iOS.

0
[iOS Safari] Fullscreen API on a non-video element
First post date Last post date
 
 
Q