Bug: Not able to hide play/pause when on an iphone browser in full screen

Checklist

[x] Verified whether your issue exists in the latest version Mux Element(s) release: npm install @mux/[element_name] or yarn @mux/[element_name].
- (NOTE: If the issue is not occurring in the latest version, we may not resolve it.)
[x] Confirmed that this issue hasn't already been filed.

Which Mux Elements/Packages has a bug?

Mux Player React / mux-video

Which browser(s) are you using?

Any browser on an iphone. This has primarily been tested using Safari on iOS and Chrome on iOS.

Which operating system(s) are you using?

iOS

How are you using Mux Elements?

npm package

Describe the bug

Using MuxPlayer from @mux/mux-player-react/ as a Component, we are styling it by hiding the center controls, play button, and gesture layer when it is being used for stream type 'll-live'. The pause button is hidden on a laptop even if you access full screen, as intended. However, when utilizing the MuxPlayer in this exact scenario on an iphone, if you access full screen or picture in picture, the pause/play and seek forward back ten seconds buttons appear again. In the past when dealing with iphone controls like this we could do something like:

video::-webkit-media-controls-start-playback-button {
  display: none !important;
}

To hide that play button that appears by default on the

Steps To Reproduce

Add an instance of the Mux React Player Component to a page - here are our example settings:

<MuxPlayer
          nohotkeys
          playsInline
          autoPlay
          streamType={'ll-live'}
          muted
          playbackId={'FuJSYrK0014ec2LPnm11bzC2MAySAQPqA'}
        />

Add css to hide the play button:

mux-player {
  --center-controls: none;
}
mux-player::part(play button){     
  display: none;
}
mux-player::part(gesture-layer) {
  display: none;
}
mux-player::part(vertical-layer) {
  background-color: transparent;
}

Check out the sample video component on an iphone - the play button is hidden but open hitting fullscreen or PIP, the play/pause button and seeking buttons reappear.

Link to code example: https://codesandbox.io/s/goofy-tdd-lk42fc

The current behavior

Pause and seeking behaviors are still shown when fullscreen or PIP on an iphone browser. Picture attached: File (2) (1)

The expected behavior

We are able to hide pause/play, seeking controls even when a viewer is on an iphone in fullscreen.

muxinc / elements