Bug 206854 (fullscreen-ios)

<rdar://problem/58946263>

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

+1 This would be great!

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.

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/

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

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.

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.

*** Bug 310661 has been marked as a duplicate of this bug. ***

I've just checked the WWDC26 Safari 27 beta notes and there's still nothing for element fullscreen on iPhone, which is why I'm adding our voice here. *Please! Please! Please!* I've been asking for years, alongside so many other developers. The missing element Fullscreen API on iPhone Safari has been a serious limitation for us for years. Our player renders custom interactive UI — choices, overlays, prompts — composited over video. <video> element fullscreen doesn't help, because going fullscreen on the video hides our entire interaction layer; the whole point is that the controls aren't native video chrome. So on iPhone Safari we simply can't offer a true fullscreen interactive experience. The only workaround is Add to Home Screen, which most viewers following a shared link will never do, or scroll-based viewport hacks that are unreliable and can't be triggered programmatically on a user gesture. The API already works on iPad and on every other major browser, so this is purely an iPhone gap. A first-class Element.requestFullscreen() on iPhone — even gated behind a user gesture and the existing permission model — would let interactive video, HTML5 games, and full-screen web apps finally reach parity on the device where most of our viewers actually are. Please consider prioritising it.

Also filed via Feedback Assistant: FB22977483 (Add HTML5 Fullscreen API (Element.requestFullscreen) to Safari on iPhone) — Safari → Web Apps → Suggestion, with the same interactive-video use case and a step-by-step repro. Happy to provide a small standalone test page demonstrating this if it's useful to whoever picks it up.

I've updated the platform to go fullscreen when clicking on an image in the Image Viewer Component. This is especially desirable on mobile phones with limited screen sizes. This works fine on my desktop and Mac Mini. Click any image to open the Image Viewer modal and after going fullscreen you can still use left/right arrows: https://www.jabcreations.com/docs/image-viewer/ I click once on my Mac Mini and Safari immediately exits fullscreen mode. I fail to see any valid reason to not support fullscreen on WebKit especially with Apple requiring all browsers allowed on iPhones to use the WebKit rendering engine.

*** Bug 265438 has been marked as a duplicate of this bug. ***

*** Bug 328773 has been marked as a duplicate of this bug. ***