The request
“Transparent main menu over the video banner. More transparent at the top, then it should become solid when scrolling down. And the video should loop without controls.”
The brand wanted the hero to feel cinematic. A solid header over the video was killing it.
The approach
We built the video hero with a header that starts transparent and transitions to solid on scroll. The video loops muted with no controls. On mobile the header starts solid for readability and the video swaps to a poster image.
What we shipped
Looping muted video hero
Transparent header that solidifies on scroll
Solid header and poster image on mobile
Video and overlay controlled in the theme editor