Streaming live at 10am (PST)

Video Background Crop Mobile


I am creating a hero section that has a background video. Everything is working fine apart from on mobile. The site loads fine, however if I pinch and zoom out I have can see the entire background video being played, which makes for quite a weird scrolling affect. I have an image below which demonstrates the problem, better than I have explained it! :slight_smile: Any help would be much appreciated!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hi @Will_Loveland

Can you please share your read-only link?

Thanks for the response, here is a link

Thanks! I can’t see the issue on my end, but can you try to give the following settings to the background video element?


Gave it a go but its still the same unfortunately. Its only when you view it in browser (using inspect) or on a device that it happens. The webflow preview makes everything look dandy :slight_smile:

Can you share the live site link :slight_smile:

Sure! Thanks again for your help

Can you try to put the background video into a div and set it to overflow hidden?

Still no luck. It is still showing outside the bounds on mobile :crying_cat_face:

Here’s the workaround :slight_smile:

1 Like

@donaldsv You sir are a hero! Thanks so much for that and all your help!

1 Like