Default UI always hidden on iOS

[wplit]

i'm inspecting the player when using the default UI, through my iPhone where the default UI is always hidden.

I don't seem to be able to find an option to allow the default UI to show on mobile. The class 'hidden' is automatically added.

[mihar-22]

It's because there's no way to actually hide iOS controls, I don't know if it's a bug or on purpose but it doesn't respect the controls video property. I opted to hide it by default on iOS. If there are any workarounds you know of I'd love to get it working. The only way to show custom controls is the playsinline property, but when you go fullscreen you'll get double controls, it makes the experience quite awkward so I decided not to implement it at all. Love to hear any thoughts.

Reference: videojs/video.js#3762

[wplit]

I'm not sure what's going on under the hood, but I believe the way that Plyr got around it was to remove the native iOS fullscreen option, or at least that is one of the options, so on iPhone there is only one set of controls, the custom ones. Clicking the video doesn't cause the video to go fullscreen with the native controls like it does with vime.

[mihar-22]

I actually can't even load the Plyr video player on my iPhone 8 (black screen), on top of that when it accidentally goes fullscreen (not sure how) it's not a proper fullscreen (they use a fallback to stretch the player container) but this results in the browser nav/bottom bar showing so very awkward. I don't think there's any real good option for iOS video right now.

[verybluebot]

So there is no way to hide/disable the native controllers in IOS?
My main issue is that I need to have navigation buttons out of the Webview im using for getting videojs.
Updated to videojs v7.11.8.

Also almost positive I managed to achieve this with older IOS but after upgrading to IOS 14+ native safari controls popping over