Bug 206854 – Add Fullscreen API to iOS

• Status: NEW
• Component: Media

Created attachment 388940 [details]
screenshot

Overview: Previously, the fullscreen API was an experimental setting. It has since been removed entirely on iOS, while iPadOS retains prefixed support.

Steps to Reproduce: 

1) Visit https://8w.8thwall.app/ios-fullscreen-bug on an iPhone running iOS 13.3

2) Allow camera + motion access to begin AR experience and tap the nearest surface to plant trees.

3) Tap 'FULLSCREEN' button to open site in fullscreen.

Nothing happens.

Expected Results: The site should open in fullscreen like it does in iPadOS 13

Build Date & Hardware: Tested in Safari on iPhone 11 Pro Max on iOS 13.3 [latest stable release as of 1-27-2020]

[Radar WebKit Bug Importer]

<rdar://problem/58946263>

Just chiming in here. If we could please have fullscreen API support on iOS (iPhones), that would be tremendous.

[Blake Buell]

+1 This would be great!

[Will Morgan]

iOS 15 still does not support this web standard: https://fullscreen.spec.whatwg.org/

Is there a set of reasons why this isn't the case?

For interactive media that isn't a video (WebGL etc), which is fullscreened in most other browsers, it would be really helpful to work around the address bar changes in iOS 15 by adding standards compliance to Safari on iOS, and provide a proper fullscreen experience as it was intended.

[Daniel Rossi]

This is needed years ago for WebXR. If WebXR is being supported, html fullscreen is required along with XR session support. Generally the container with the canvas is launched fullscreen. This works on every device out there apart from iPhone. Ipad supports html fullscreen. 

I have implemented canvas fullscreen support for iPhone. But it requires video printed to WebGL to be able to capture metadata and launch fullscreen. I've tried css hacks but they just don't work right. I couldn't believe I actually got it to work and autoplay as it's a hack. 

https://github.com/danrossi/canvas-pip-fullscreen/blob/main/src/CanvasFullscreen.js#L26

https://danrossi.github.io/canvas-pip-fullscreen/test/

With fullscreen Screen locking api is required. IOS has failed to implemented it the whole time also. 

https://danrossi.github.io/screenlock-api/test/

[Daniel Rossi]

This is still required for Iphone IOS to be able to support screen lock api, it's already in Ipad IOS. Screen lock requires html fullscreen not video fullscreen from my investigation enabling the experimental flag. Iphone can only support video fullscreen. 

This feature is needed for WebXR / webgl canvas fullscreen features. And screen lock to force landscape oritentation. For soon WebXR api being enabled and working in Iphone I think it will be of use to support both html fullscreen/screen lock and WebXR.

https://bugs.webkit.org/show_bug.cgi?id=257695

[Patricia]

this is unacceptable, we have a video player with our custom controls on all platforms except iOS, and our users want our custom player in iOS.

[Daniel Rossi]

It seems Iphone is the only phone out there that can't do html fullscreen in 2024. It is needed for WebGL rendering of video for one.