Removing the modal for a lightbox

Design help Layout & Design
1

Hello everyone,

I’m seeking assistance in modifying the behavior of the lightbox element. Currently, it displays content as a modal, but I’d like to embed a Vimeo video directly within the hero section, eliminating the modal overlay.

I attempted to use the Video element, but I’m unable to achieve the precise visual style I’m aiming for, specifically the inclusion of a prominent “Play” icon.

I’ve attached an image for visual reference. Any insights or alternative approaches would be greatly appreciated.

Thank you!

Capture-2024-08-26-190759
Capture-2024-08-26-1907591920×1605 183 KB

2

Hi @Stephen_Okonkwo :wave: Try to check this Made in Webflow project

2 Likes
3

That’s a good one Dmitrii,
Stephen there’s also a library which allows you to brand and style Youtube / Vimeo players.

2 Likes
4

Will check these out. Thank you so much guys

5

Hey @memetican, apologies if this is a silly question, but do you know how I can implement Plyr in Webflow?

My coding knowledge is still on an amateur level.

Looking forward to your reply. Thank you!

6

I haven’t written any guides on it, but I remember almost no coding work. I think I just dropped in the lib, and followed the guide to set the styling I wanted.

I vaguely recall dropping in an embed with some custom CSS to style specific Plyr widgets like the play button?

7

Great! I’m going to try that. Thank you