Scaling background video

Design help General
1

Hi all,

I’m new to Webflow but slowly getting the hang of it :slight_smile: I’m messing around with a small background-video in the body that is scaling wrongly on phones. It takes up to much space in the phone view. I can see that others have had the same problem, but found a relative simple solution to the problem - see the link: Background video responsive size

I have tried the solution, that is to but below code in the “Custom Code” tab in the “Head Code” field. Well it doesn’t make any difference

.w-background-video>video { max-width: -webkit-fill-available; }

What the heck I’m I doing wrong?.. :slight_smile:

Best regards
Per

Here is my site Read-Only:

https://preview.webflow.com/preview/pers-initial-project-fc207b?utm_medium=preview_link&utm_source=dashboard&utm_content=pers-initial-project-fc207b&preview=72aa6c3f8a7da6acc00c3955af0ce3f1&workflow=preview

2

You have to have opening <style> and closing </style> tags when adding CSS to any code area.

3

Thanks :slight_smile: My code is:

.w-background-video>video { max-width: -webkit-fill-available; }
4

it eate my styles tags … they are there :wink:

5

Code