How to set background video full screen

I don’t understand how the background video works.

I just want the video fullscreen. Most importantly on 1920px and above screen resolution, but it will be nice on all resolution.

My video is 1920X1080 I don’t mind if it is pixelated on bigger resolution as long as it plays full screen.

Now the video is stretched out or zoom in if on screens above 1920px I just want it to fill the screen how hard it can be?

How come they make this so weird and confusing to make this work? I work in game engines but still I am lost with this tool.

Thanks for your help.

The full-screen video can be done when you set element width: 100vw and height:100vh

hope this will solve your request.

Not it is what I did. I put my link so you could see my project.

hi @Guillaume_Mercier I have add screenshot make it clear. :wink:

Like I said that is exactly what I did and I don’t get the expected result.

For now I ain’t impress by this tool

And now for a reason that I doN,t understand on the default resolution it is white on the right side.

Video stretched out or something on higher resolution

Ain’t the right ratio

give the element any id or class and give it an aspect ratio.

/* set `aspect-ratio` to element with id `bg-video` */
aspect-ratio: 16/9;
1 Like

I put this code in the custom code… but for that I need to have paying account and I wasN’t sure to pay for this… But it looks promising. A big thanks to you sir. Much appreciated.

1 Like

what is the HTML embed?

it is the element for custom code you have I think access on paid accounts. I have placed there CSS with aspect ratio to see the immediate effect but for production, code should be placed <inside head> in the page setting.

The first block above.

Yes, one more comment on what I see. You need only one <style></style> wrapper around all CSS code.

Is this right?

hi @Guillaume_Mercier it is correct if your element has an id. If you select an element by class use .

aspect ratio is still in red is it normal? no matter if I put an id with “#” or use the class with “.”

hi @Guillaume_Mercier Webflow embed element is a very primitive tool with lots of limitations and a bad linter. If it is in red but aspect-ratio works do not worry about it. Bad linter is there for many years. :man_shrugging: