Overlay on the top of my embedded youtube video

Design help General
1

Hey guys,

I would like to have the same overlay on the top of my embedded youtube video: https://www.everyday-agency.com/presentations

How can it be achieved?

2
3

Hey, thx for the link, but I am not sure it helps here. I’ve already set a custom thumbnail for my youtube video. But in the link I shared the whole youtube video is actually hidden under a kind of modal. Once you click on it the players starts. So I am wondering how I can get the same result with my embeds.

4

Have you considered using a lightbox?

5

I did, but it still has a different effect. I was wondering how to recreate the same effect exactly

6

Then I would suggest you approach the problem using interactions.

7

Hi @Josef,

Here’s a video of me implementing for your viewing pleasure :slight_smile: hope it helps!

4 Likes
8

Hey asksj!

Thx so much for the video, it’s really helpful. One more question. Is it possible to start the video once I click on the overlay play button?

1 Like
9

Hi @Josef,

Glad to help! It probably is possible to start the video once you click the overlay play button, I would assume this just requires some javascript–unfortunately I’m not as skilled in that area, but maybe someone else can help :slight_smile:

10

This should answer your question…Play a YouTube Embed With Click of Overlay Image (Webflow) - YouTube

1 Like
11

it doesn’t work I tried 2 of his codes none works