Streaming live at 10am (PST)

Issue with making Background Video responsive

On mobile, I’ve tried various ways of adjusting the Background Video, and it’s wrapper to stay as close to the aspect ratio as reasonably possible to no avail. I have tried 100vw, 100% width, 100% min/max-width, and more. I’m fine with decreasing the height, but haven’t been able to do this only on mobile.


Here is my site Read-Only: LINK

Yes, this can be tricky and there’s no easy fix but it can be done. Background videos do crop, a background image has other settings to choose from. Depending on the goal and other preferences you might consider hiding the background video on mobile and go with the video element on mobile instead.

​I found this on the forum is that helpful?
​https://forum.webflow.com/t/background-video-adjustments-for-mobile/62939/4

Kind regards,

Jörn :sweden: