Can't see video on mobile header
Hi, I've made a video header for desktop and mobile, but I can't see the video on mobile.
When I am editing in BeBuilder, I can see it correctly, but when I view the web on my mobile the background appears white.
Could you help me?
Comments
Hi,
Please, put the following CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS.
@media only screen and (max-device-width: 959px){ html .section.has-video .section_video { display: block !important; } }However, notice that not all mobile devices support the background video, and it might show as a static image.
Best regards
Thanks for your help.
As you say, now the video shows as a static image, is there a solution? What do you recommend? Use an image background instead? It's quite important to us to show the video as background...
Thanks again!
Unfortunately, I cannot recommend anything else.
If you want to show an image on mobile devices, put the background image, and the video will be replaced with it.
Best regards
Ok, thanks!