Wowza Community

IOS playsinline support issue

In iOS, the wowza player is played in full screen.

This is because the playsinline option cannot be set in the video tag.

Add playsinline within video tag when creating wowza player When modifying some scripts in the wowzaplayer.js file, it was confirmed that they run normally within the webpage rather than fullscreen.

Fix source -----------------

Add 27 line to the file

, r.mediaElement.setAttribute (“playsinline”, “true”), r.mediaElement.setAttribute (“webkit-playsinline”, “true”)

Add 48 line to the file

, this.mediaElement.setAttribute (“playsinline”, “playsinline”), this.mediaElement.setAttribute (“webkit-playsinline”, “webkit-playsinline”)

I’ve let the product team know your feedback, but its our understanding this this is a design choice Apple made to play video full screen in iOS.

We recommend creating a custom app to achieve this functionality today.

@AmaraGraham Apple’s default behaviour of handing off playback of video embedded in browsers on iOS devices to the native iOS video player, forcing fullscreen playback, can cause challenges in certain scenarios. Sure, it’s Apple’s design choice but your devs have the power to affect/change the behaviour. The way it is, I don’t use WC for a number of my events due to having simple built-in workarounds on other platforms.

As Young Sam Seo noted, adding his code and a toggle switch to enable/disable the ‘playsinline’ attribute would be greatly appreciated. It would improve my workflow and bring Wowza Cloud back into the workflow for some of my events.

As Young Sam Seo noted, adding his code and a toggle switch to enable/disable the ‘playsinline’ attribute would be greatly appreciated. It would improve my workflow and bring Wowza Cloud back into the workflow for some of my events

Thank you @Andrew Irving and @Ndbfb Nwnxjw for the feedback and I have submitted it as a feature request to the Player team.

Thanks, Rose. Looks like a bot reposted some of my comment.

Yeah that’s weird. I’ll keep an eye on that. Thanks!