Video header on Mobile
Hi guys, How are you?
We are triying to make a video header in one of our websites, but we have the same problem that everybody have when trying to do the same. The video shows perfectly in desktop but it dosen't show in mobile version.
I found this thread in the forum https://support.brizy.io/hc/en-us/community/posts/4404590797073-Background-Video
There, Ariel H. suggested to add a piece of CSS code in WordPress Appearance > Additional CSS to enable vide backgrounds on mobile devices . Well, actually, we have zero kwnoleadge in coding. Besides we don't know if our brizy suscription allows us to do that.
Could you help us, please?
Thank you!
-
Hi,
Thank you for reaching out to us.
In Brizy Cloud, you can insert the same CSS code. I have created a short screencast to demonstrate how you can do this: https://youtu.be/zY9sxgejJd4
Please give it a try and let me know if you encounter any issues or if you have any further questions.
Best regards,
Ariel H.0 -
Hi guys. How are you? we tried this solution in our website, but it didn't work. Does it works for both "Custom" and "Youtube" videos? Are we missing something?
0 -
Hi,
Thank you for the update.
To assist you further, could you please share the URL of the website in question, so we can inspect it?
Best regards,
Ariel H.0 -
Hi Ariel,
Yes! Sorry i forgot to share you the url ---
Thank you!
0 -
Hi,
Thank you for your cooperation.
I've checked your site on both an iPhone and an Android device, and the video seems to be functioning as expected. I used Safari on iOS and Chrome on Android for testing.
Could you possibly try a different browser on your smartphone to see if that changes anything? It would also be helpful if you could ask a friend to load your site on their mobile phone to verify the issue.
If you have any further questions, please let us know.
Best regards,
Ariel H.0 -
Hi Ariel, Thank you, now it's working ok on mobile. But we are still having problems with the video in tablet version, it is not showing up. Are we missing something?
0 -
Hi,
Thank you for the update.
Please try using this modified CSS:
@media (max-width: 767px), (max-width: 1023px) {
.brz-bg-video {
display: block !important;
}
}If you have any further questions, please let us know.
Best regards,
Ariel H.0
Please sign in to leave a comment.
Comments
7 comments