Hello, i have created a site with a video background. Everything works, just when i load the site on a mobile device its scaled way too big so i can only see a quarter of the video. The rest is not in the site. Can anyone help me? Thank you! Here is my site Read-Only: waybak.webflow.io

Video Background for mobile devices

Siton_Systems (Ezra Siton) July 1, 2019, 3:39pm 6

Try this custom code:

<style>
   .w-background-video > video {
       width: 100%;
   }
</style>

> “Child Selector” - Selects all <video> elements where the parent is a <div class="w-background-video"> element

How do I get video to loop, autoplay and fit to a div?

Looped animations

Topic		Replies	Views
Video not resizing properly on mobile General	4	1591	June 13, 2018
Background video size General	13	5937	August 13, 2018
Background video sizing responsiveness + mobile General	2	1227	March 19, 2023
Showing background videos on phone sizes General	1	1431	July 21, 2020
Scale a video background for mobile portrait and landscape General	0	851	December 9, 2018