Ionic iOS, play a video inline on iOS

Ionic Framework Ionic Angular
1

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?

1 Like
2

Hello,
I have the same problem in an application with capacitor.
I start a video with audio but suddenly a black window opens and breaks my flow.
It only happens to me on ios devices, on browser and android everything works fine for me.
Did you find a solution?