Suggestions for Creating a Hero Component with Background Video

·Nov 13, 2024 08:30 PM

Hi, Does anyone have a suggestion on which component you would use to make hero like this? It's not a playable video, so I imagine it's considered a background video.

5 comments

· Sorted by Oldest

Kaleb J.
·
Susan M. I would recommend using Header 3 and replacing the lightbox element with a background video element Think that will solve it for you? https://www.relume.io/components/header-3
💪1
Susan M.
·
Thank you how would you get the shaping around the video?
Kaleb J.
·
Ohh the shaping. Yeah that's tricky. Here's something I've tried in the past >> https://clipping-masking.webflow.io/
Matt J.
·
To add to that - here's an app that was made by Web Bae that helps with shape clips in Webflow - https://webflow.com/apps/detail/clip-path-bae?category=design
🔥2
Susan M.
·
Amazing, thank you!!!

Kaleb J.
·
Susan M. I would recommend using Header 3 and replacing the lightbox element with a background video element Think that will solve it for you? https://www.relume.io/components/header-3
💪1
Susan M.
·
Thank you how would you get the shaping around the video?
Kaleb J.
·
Ohh the shaping. Yeah that's tricky. Here's something I've tried in the past >> https://clipping-masking.webflow.io/
Matt J.
·
To add to that - here's an app that was made by Web Bae that helps with shape clips in Webflow - https://webflow.com/apps/detail/clip-path-bae?category=design
🔥2
Susan M.
·
Amazing, thank you!!!