Hello, I’ve been through many similar threads to this one, but none of the options appear to work for me. Across the threads the conclusion appears to be to insert code such as the below: <video autoplay loop muted style=”position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); …

Element requires and open and close tag. Also the “editor” is not always correct on formatting hints. [image] : The Video Embed element - HTML: HyperText Markup Language | MDN The HTML element embeds a media player which supports video playback into the document. You can use for audio …

Did you get this working. I’m trying to do the same thing!

Yes! After many moons I’ve finally got this working. <video autoplay loop muted style=”position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width:100%; min-height:100%; z-index: -1; src=“ https://webmvideos.s3.eu-west-2.amazonaws.com/Nikeiceland+final+2.webm ” style=“width:…

I’ve added this a wishlist request to have a toggle between compressed and non compressed video: Toggle switch for background video compression | Webflow Wishlist Make sure to vote it up so we can get a better solution in the future.

Hi Joe I am trying to do the same - can I ask you how much is the Amazon S3 per month. I went to their site, but find it very difficult to understand their pricing method. What was the size of your file? Are you happy with the solution, or do you find something even better to solve the problem.

Self hosted background videos to improve background video quality

Design help Custom code

Joe_Durr (Joe D) May 28, 2021, 11:28am 5

One small hitch.

I can’t get my videos to scale larger than the video height (1080)

Any idea how i can get it to fill 100vh with the code above?

Topic		Replies	Views
Full screen HTML5 background video Webflow Tips	6	6536	February 22, 2022
Complete custom code for full browser HTML5 video background General	10	9292	July 5, 2015
Simple responsive Video embed for background videos General	6	1471	March 24, 2023
[Tutorial] How to add a Custom HTML5 Background Video Webflow Tips	133	59252	December 24, 2018
Video Background (100% Height) Webflow Tips	8	18489	October 29, 2018

Self hosted background videos to improve background video quality

Related topics