Embedding video design

Hello everyone,

I was looking at a website called PlayOsmo (https://www.playosmo.com/en-gb/) with a design feature that looks really nice - I’m keen on re-creating this for our own toy brand, I’ve attached a screenshot in this thread.

Would anybody be able to give me some advice on how to re-create this nicely designed video image embed design?

Thank you for your help


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

When you click on the play button on the site it opens a Youtube video in a lightbox, so the effect is only for the preview.

To make this preview, you should start by designing a frame in your favorite software, here the frame is the redframe with the dark red shadow, and the center is transparent.

You’ll then lay this transparent frame over a video bg element in Webflow and voilà.

1 Like