Streaming live at 10am (PST)

Hiding background video behind a screen with moving "hole"

Hello,
I’m new here, so let me start by apologizing if this is well-covered somewhere. If you can help direct me to the info, please let me know.

I have a background video on the home page of the first site I’m working on. We’d like to basically “hide” the video behind a solid screen, but with a “peak” or a hole (maybe round, maybe square) that shows a little bit of it. Perhaps it moves as you scroll. Is there a way in Webflow to do something like this?

Thanks in advance for your help.
-J


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

I think the best way to do this would be to put a SVG mask on top of the video (solid with transparent shape).

Thank you for the tip. I started to read up on this. I may have some questions, but I appreciate the start. Thanks!
-J

1 Like