ant-media / Ant-Media-Server

Ant Media Server is a live streaming engine software that provides adaptive, ultra low latency streaming by using WebRTC technology with ~0.5 seconds latency. Ant Media Server is auto-scalable and it can run on-premise or on-cloud.
https://antmedia.io
Other
4.3k stars 636 forks source link

WebPlayer(Embedded player) plays fulls screen in Safari #6530

Open amarantmeida opened 3 months ago

amarantmeida commented 3 months ago

Short description

A customer reported this issue and this is fixed on nodejs side and upgrading our nodejs version will help fix this

issue - The antmedia player on IOS opens full screen, this is my problem I need the player to stay fixed, and not open the fullscreen screen Follow the attached video Can you please help me to have a fixed player? link player -> https://delaysp01.logicahost.com.br:5443/onlinemachine/play.html?name=onlinemachine

Environment

Steps to reproduce

Mustafa was able to reproduce the issue

Expected behavior

Put as much detail here as possible

Actual behavior

Put as much detail here as possible

Logs

Place logs on pastebin or elsewhere and put links here

Ask your questions on Ant Media Github Discussions

rahul7827 commented 3 months ago

Hello @amarantmeida

Can you please try adding playsinline attribute in video tag. I think this will solve the issue.

Ref: <video autoplay loop muted playsinline controls src="..."></video>

mustafaboleken commented 3 months ago

Hi @rahul7827

We already have it but no chance https://github.com/ant-media/StreamApp/blob/master/src/main/webapp/play.html#L22

muratugureminoglu commented 3 months ago
Agent Amarnath Thodupunoori linked Freshdesk ticket 130879 for this issue.

mekya commented 3 months ago

Hi @amarantmeida AFAIK, we don't use "videojs-mobile-ui" in our end. Ad ditionally, in the PR for this issue, they just disable mobile ui for Safari.

I think the problem is somewhere else. Btw, in my iPhone 7 - iOS 15.8.2, it works as expected as shown below. How does it look on your end @mustafaboleken?

Anyway, as a quick workaround solution, putting the play.html in a frame and setting its properties may work.

IMG_0184

mustafaboleken commented 3 months ago

Hi @mekya

When I play with HLS, there is no issue but whenever I use WebRTC, it switches to the full screen.