Video Playing Inside of Hero Headline

Design help Custom code
1

Hey guys,

I have a design where the video is inside the hero headline. (see design below)

Screenshot 2024-08-21 at 10.31.06
Screenshot 2024-08-21 at 10.31.061292×1400 84.8 KB

I want to be able to embed the video inside of the text and have it autoplay on a loop with no sound. Is this possible to do?

Any help would be awesome!

2

Hi Dom and welcome to the community.

This is possible to do with Webflow. In short you would have to place the text on top of the video with position: absolute and add a blending mode to achieve this.

3

Hey Jovil,

I’ve managed to get the video behind the text however I’m unsure how to keep the gradient background that’s in my design.

Here’s the link:

https://preview.webflow.com/preview/straight-up-dance?utm_medium=preview_link&utm_source=designer&utm_content=straight-up-dance&preview=68279c08169dd38f153e78d78f3d28e7&workflow=preview

I’m sure if it’s possible but it would be cool to keep it!