I have a very annoying issue. I’m using Ionic 5 + iOS 14 to show a WebRTC stream in a tag. I want to play the video inline, so I can put other HTML elements on top (logo, buttons etc.) but I cant find a way to achieve this.
In my config.xml I have added:
<preference name="AllowInlineMediaPlayback" value="true" />
And my video tags are like this:
<video playsinline webkit-playsinline muted autoplay></video>
So I would expect that the video would be played in the HTML instead of the native player. The big downside is that the native player gets ‘glued’ to the screen and nothing goes in front of it. Even if I open a new dialog while playing the video, the video will stay on top of that.
Any ideas on what I’m missing here?