Archived topic
Hero background video not working on mobile
7 replies · Started by Alicja on March 22, 2022
Viewing posts 1–8 of 8
Hi, I have used a video as a hero background based on the instructions from this post: https://docs.generatepress.com/article/page-hero-background-video/. It works well on a desktop, but it is not playing on my iPhone (I see just an image). Did I miss something?
Website URL: https://spicewoodpianotuning.com/
Hi Alicja,
Try add playsinlineto your code, something like this:
<video loop muted autoplay playsinline poster="URL/TO/poster.jpg" class="background-video">
<source src="URL to your video" type="video/mp4">
</video>It works! Thank you!
No problem :)
I tried the same technique, but I cannot get background video to play on mobile.
Hi there,
it works on my iPhone. Make sure the device isn't low power mode as that will generally stop videos loading.
I think it was low power mode. Thank you!
You're welcome
This archived topic is closed to new replies.
