How to get Video as Background to work?

Ask us anything How do I?
1

I haven’t been able to get the video as a background element to work! It seems p cool and would love to use it.

Wondering if anyone else is using this and also encountered this issue?

I saw that someone else had issues doing it in a modal, but mine is very simple, have tried in a top level section and in a div inside a section. It just shows as blank.

I don’t think that the video is loading etc, because the video element plays fine.

2

Hey @khara
It works fine on my end! Can you share how you set it up? :slight_smile:

1 Like
3

Hiya thanks so much for the response!!

Nvm, I actually just figured it out :sweat_smile: If there is any top-level component with a background set, and z-index is off, it will cover up the video.

So this doesn’t work:
Page (background: grey), (z index off) > Section > Div w/Video background (z index off)

This does work:
Page (background: grey), (z index on, low) > Section > Div w/Video background (z index on, high)

1 Like