Softaculous

Topic : Issue with a video in home header background

Posted By: Imigi on October 2, 2025, 9:46 pm

I have a background video but it doesn't fit on mobile, though my screen is responsive.
Is there a plugin i can use maybe?

All suggestions claim I use custom CSS but it doesn't target the background type but it targets the background style.

Is this a common issue / has anyone been able to resolve this before?

Attached is my screenshot and the custom css in a .txt file

Posted By: ysweets on October 22, 2025, 9:29 am | Post: 1

I’ve hit this problem too. Background videos don’t always respond to standard CSS background-size or object-fit when the screen shrinks, because they’re treated differently from background images.

-----------------------
“Pursue what catches your heart, not what catches your eyes.” ― Escape Road

Posted By: colombiacloud on October 22, 2025, 3:51 pm | Post: 2

Yeah, that’s a common issue with background videos on mobile — they don’t scale like images.
Try wrapping the <video> tag inside a container and use something like this in your CSS:

video {
width: 100%;
height: auto;
object-fit: cover;
}

Also, keep in mind that many mobile browsers block autoplay background videos, so sometimes using a static image fallback is the best option.

-----------------------
Hosting Colombia