kwshaw
(Kevin Shaw)
April 1, 2020, 4:32am
1
Hi all,
I had this working earlier today, but all of a sudden my background video isn’t working on mobile. All I see is the play button. See screenshot below. I tried on Safari and Chrome browsers on iOS. it also wasn’t working on my wife’s iPhone.
I see a couple others reporting this issue in the forum over the last year, but I didn’t see a clear solution from those posts.
Thanks so much for your help!
boyishrecords.com
boyishrecords.webflow.io
https://preview.webflow.com/preview/boyishrecords?utm_medium=preview_link&utm_source=dashboard&utm_content=boyishrecords&preview=fc045696e5cb813f0eeb0d0cca2ce87f&mode=preview
Hey there @kwshaw !
Welcome to the forums, and thanks for posting your question.
As you’ve discovered, this is a known issue especially on iOS when it comes to how it prevent background videos from playing.
There is a great related post that showcases a great workaround with some custom code if you haven’t checked it out yet.
Hey guys,
This is a neat little trick to make the background video component actually play videos on iOS / Android devices.
Right now, Webflow disables it and displays a still image instead, due to previous iOS restrictions that have been recently lifted.
You can now use the background video component just like usual, (no need to upload video first, then embed custom code, hack it, etc).
Simply insert this quick javascript code snippet before the </body> tag (second custom code box in your s…
Let me know if you have any more questions.
My best,
Riley
system
(system)
Closed
June 2, 2020, 12:56pm
3
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.