Having a problem with videos showing a blank screen when first played on iPhone (iOS V17.5.1).
On desktop I have the videos playing inside a modal, but for iOS I force the videos to full screen by adding the ‘&playsinline=0’ url parameter.
This works fine on all devices except for iOS17.
For example it’s fine on my old iPhone Xs which is on iOS 16.
Here is my embed code.
<script>https://player.vimeo.com/api/player.js.</script>
<iframe id="video01_name" class="" src="https://player.vimeo.com/video/{{vimeo-id}}&playsinline=0&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" width="600" height="600" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>
Seems to be a bug with iOS17 so I’m wondering if anybody else has found a workaround?
I’m using Vimeo iFrame embeds but have seen some comments around embeds doing the same so I’ve ruled out this being a Vimeo thing.
I’ve tried to add some javascript ‘play’ listners which trigger a click on the fullscreen button after the video starts playing but I can’t get those working.