Fixed Background Video

Hello!

I’m wondering how when using the Background Video element (which has since been updated in comparison to the previous solutions) how to achieve the same effect as having a FIXED Background Image.

http://DaoOfDog.co

Currently I’m using the Background Video element just as I would a SECTION/DIV element:

image

Thank you :slight_smile:


Here is my site Read-Only: LINK

You’ll need to make the section with the video fixed itself and then reorder your elements in such a way that your video section is visible in-between some other sections. There is not way you can simply use video background as a fixed background image.

1 Like

I’m not sure I understand. Could you maybe say that again in a different way?

Apologies in advance for the thick-headedness. :pray:t4:

The only way to have a fixed video background is to set it to position: fixed. Or use interactions that would move it up when you scroll down and vice versa but I don’t think this is the best way.

Since by having an element in the fixed position you will see it all the time you will need to lay all the other sections on top of it using z-index and leave a space for it when you need to see it.

1 Like

This makes sense. I’ll give it a shot. Thanks @dram!

1 Like