Streaming live at 10am (PST)

Video Background Crop Mobile


#1

Hi

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)


#2

Hi @Will_Loveland

Can you please share your read-only link?


#3

Thanks for the response, here is a link https://preview.webflow.com/preview/movement-labs-c4365c?utm_source=movement-labs-c4365c&preview=e08beb481c7dffd5a20481a8b5c1cfed


#4

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

CloudApp


#5

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:


#6

Can you share the live site link :slight_smile:


#7

Sure! Thanks again for your help http://movement-labs-c4365c.webflow.io/


#8

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


#9

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


#10

Here’s the workaround :slight_smile:


#11

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