Play button overlays bg video poster image on iOS

[sanshiro]

hey guys, i have a video bg on a website i’m about to finish, it was working just fine yesterday, i din’t move anything and today when i was testing the mobile version a weird play button just appear on mobile safari

http://aloha-8028db.webflow.io (index and blog section)

can you tell me how to take out this?

[cyberdave (Dave Sloane)]

Hi @sanshiro, thanks for the post, strange for sure, I am checking. One thing, the bg video poster image seems to be ok: https://daks2k3a4ib2z.cloudfront.net/5a3d823d8192d400018c37e6/5a3d862d7b791a000196eb21_final-poster-00001.jpg

I am checking further and will report as soon as there is new info.

[sanshiro]

i know, but why the button just appear? O.o

[cyberdave (Dave Sloane)]

Hi @sanshiro, thanks, well I do not know the root cause, but I have been able to reproduce the issue on a blank site. As soon as I have more information about a fix for this, I will respond with an update.

Thanks for the report, it really helps.

[sanshiro]

well, yesterday it was ok and i didn’t move anything from those sections with video O.o i hope you can help bro

[cyberdave (Dave Sloane)]

Hi @sanshiro, thanks, it is not you specifically having the issue and you did not do anything wrong at all, I can reproduce with another video, another site, so it is not site specific.

I promise to get back as soon as I have an update. Thanks again.

[cyberdave (Dave Sloane)]

Hi @sanshiro, while the issue is open with the play button, I was doing some checking and there is a workaround, you can paste the following code into the head of your site or in page settings in custom code section:

<style>
video::-webkit-media-controls-start-playback-button {
  display: none;
}
</style>

Like so:

Then republish the site and refresh site on iPhone.

Thanks in advance.

[sanshiro]

i do that, not working

[cyberdave (Dave Sloane)]

Hi @sanshiro, at least on my end it is now showing without the play button.

It might be some phone browser cache, can you refresh a few times? what iphone model?

[sanshiro]

jummm 7s +, thats weird, i delete my cache and stuff, still not working here O.o

[Brando (Brandon Roche)]

Hi @sanshiro

We just pushed a fix for this issue . Can you refresh the designer, republish and check to see if the issue is resolved?

​Thanks in advance!

[sanshiro]

can i have some discount for find the bug?