Can't see video on mobile header

FelipeLarrea

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?

Phil

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

FelipeLarrea

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!

Phil

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

FelipeLarrea

Ok, thanks!