Adding Background Color to Background Video

Design help General
1

I’m trying to incorporate a figma prototype click-through as a header on one of the Work-Dumble Page, the desired effect looks like below:

Frame 1
Frame 11159×531 96.2 KB

But I could only get it to look like this with a background video (I chose background video bc of autoplay and loop capabilities which a video block doesn’t have):

Screen Shot 2022-07-08 at 5.28.27 PM
Screen Shot 2022-07-08 at 5.28.27 PM1792×798 81.5 KB

If I edit the container background colour, it covers the video as well. Please help!!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hi!
I think I figured out why the section/container background was covering your content. Your header video was set to relative, but not given a z index. When I set the z index to 1, it was placed on top of the container. I hope this helps!
Thanks,
Jordan

3 Likes
3

It worked!! Thank you so much Jordan! :))