# How to get Video as Background to work?

**URL:** https://community.weweb.io/t/how-to-get-video-as-background-to-work/10225
**Category:** How do I?
**Created:** [August 13, 2024, 3:42pm UTC](https://community.weweb.io/t/how-to-get-video-as-background-to-work/10225 "2024-08-13T15:42:01Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![khara](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/khara/32/6776_2.png) [@khara](https://community.weweb.io/u/khara)
#### Post date: [August 13, 2024, 3:42pm UTC](https://community.weweb.io/t/how-to-get-video-as-background-to-work/10225/1 "2024-08-13T15:42:01Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![jptrinh](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/jptrinh/32/1493_2.png) [@jptrinh](https://community.weweb.io/u/jptrinh)
#### Post date: [August 14, 2024, 6:16am UTC](https://community.weweb.io/t/how-to-get-video-as-background-to-work/10225/2 "2024-08-14T06:16:28Z")

</div>

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

---

<div class="post-metadata">

### Author: ![khara](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/khara/32/6776_2.png) [@khara](https://community.weweb.io/u/khara)
#### Post date: [August 14, 2024, 3:18pm UTC](https://community.weweb.io/t/how-to-get-video-as-background-to-work/10225/3 "2024-08-14T15:18:33Z")

</div>

Hiya thanks so much for the response!!

Nvm, I actually just figured it out 😅 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)
