Background Video on Website

[mYst1X (Aniruddh Bharadwaj)]

Hey guys,y

I’m having some problems getting my “background” video to fill the entire website I’m trying to create.

Here’s the share link: https://preview.webflow.com/preview/aniruddh?preview=9f36f30fbfad35e8194f62644c50cd8a

Any ideas?

[Waldo (Waldo Broodrÿk)]

Hey @mYst1X try this:

For embed code:

<video muted autoplay loop><source src="https://dl.dropboxusercontent.com/s/nbgxh74ourbxrur/Hello-World.mp4" style="height:100vh;"/></video>

For style settings:
Position: Fixed, Full
Height: 100vh (view height, takes the height of the viewer screen)

And remove the transform from the embed block.

Recommendation, only display video backgrounds on desktop. Certain browsers/devices only support certain kinds of videos, and this is only serving up one kind of video format. I recommend using EastHTML5Video for video format exporting.

Please let me know if you have any other questions.
Thanks,

Waldo

[mYst1X (Aniruddh Bharadwaj)]

Hey Waldo,

There is no 100 VH option for me. The only suffixes for 100 are px, AUTO, and %

[mYst1X (Aniruddh Bharadwaj)]

And right now, on my website (http://aniruddh.webflow.io/), the video is being “covered” up by the rest of my content. Why is that?

[Waldo (Waldo Broodrÿk)]

@mYst1X you can type in “100 VH” for height or “100 VW” for width

When I checked earlier today (sorry was absolutely swamped today) you had the video background working perfectly. Though I’m now on a macbook and was on a pc earlier. Please let me know if you have any questions. Your site was looking great with the video background.

Please let me know if you need any help getting it setup. You have built and are building a VERY strong resume.

Waldo