Make Background Video Responsive?

[Bammedia (Cormac)]

Hi guys,
Can someone show me how I can make this background video responsive for the different mobile breakpoints?

---

Here is my site Read-Only:
https://preview.webflow.com/preview/video-test-ba8b43?utm_medium=preview_link&utm_source=designer&utm_content=video-test-ba8b43&preview=0be1072e156410280abe874dec5489f9&workflow=preview

[Stan (justAnotherDeveloper)]

How to make background video responsive (preserving ratio)?

I stripped your Learn page of all content except for the Background video - Makes testing easier. I added a Section (Display Block) to the Body 6 and dropped the video in it. I then sized the video for each breakpoint - Tablet | Mobile Landscape | Mobile Portrait Tablet -width 100% / Height 46% Mobile landscape -width 100% / Height 34% Mobile portrait - width 100% / Height 19% If you need room above or below the video for your other content you can increase the height %. All 4 breakpoints …

In video is how to do that old way with use of margin. You can also use CSS aspect-ratio

aspect-ratio | CSS-Tricks