Streaming live at 10am (PST)

Getting rid of a blurry Video Background


Hey guys,

I've got a problem with getting a sharp background video. The original file is sharper then the version on the website.

I know - It's not that much, but we are an advertising agency and everything has to be well presented. So is there a trick to get a sharper video?

Thanks in advance.


PS: Here ist the Link to the page:

Background Video Size Issue

Ok, I've examined the video on the live version. Webflow seems to reduce the resolution. Is that right? Maybe a staff member can help to bypass this reduction. @staff

Hope to get a solution for this. #crossfingers :slight_smile:



Webflow transcodes uploaded videos into mp4 and webm formats.

About the size (resolution/dimensions) of the video, it should be almost or the same as the original video's aspect ratio.

ORIGINAL 3950KB > TRANSCODED 345KB (~90% reduction in file size)

After reducing quality and file size by ~90% via transcoding, the quality is further "reduced" by ~90% due to stretching the video three times the size of its container width and height using negative positions, so that it can fill the container:


There is no trick to make the quality better. I suggest you use a custom coded solution using the direct file you linked above as a workaround, if you think your visitors can afford to download a 4MB video file.

Video Background (100% Height)
Mute un mute button for background video?

First things first: Thank's for the fast response and solution! :slight_smile:

With "custom coded solution" you mean after I've exported the code or can I use the custom code section within webflow?

Greetings and thanks again.


You can do this directly in Webflow using the Embed Code. Good luck!

closed #6

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.