-
I’ve integrated a video to display on this page – https://music-relief.org/, but on mobile, the video doesn’t display. How can I resolve this?
-
Hi there,
Try removing the
media="(min-width: 768px)"attribure.
https://app.screencast.com/414hgFBSKbP6oHowever, if it’s gonna play on mobile, it also depends on the browser. Some browser may stop video from auto playing to save users’ data.
And your video is sitting behind the blue container, try adding this CSS:
@media(max-width: 768px) { .background-video { position: relative; } } -
Thanks Ying. What does this additional CSS do, as it doesn’t seem to have changed anything?
-
It should place the video above the blue container on mobile.
-
I’ve implemented it and the site looks the same on desktop and mobile, the video still displays behind the blue container.
-
I don’t see the CSS on your site, how did you add it? And did you clear cache if there’s any?
-
My bad. I think I forgot to save it, this is working as expected, thank you.
-
No Problem 🙂
- You must be logged in to reply to this topic.