# Workaround Video Lightbox Component

**URL:** <https://forum.finsweet.com/t/workaround-video-lightbox-component/7171>\
**Category:** Finsweet Components\
**Created:** [April 9, 2026, 12:21pm UTC](https://forum.finsweet.com/t/workaround-video-lightbox-component/7171 "2026-04-09T12:21:58Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![consultingcreatively](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/consultingcreatively/32/3559_2.png) [@consultingcreatively](https://forum.finsweet.com/u/consultingcreatively)\
**Post date:** [April 9, 2026, 12:21pm UTC](https://forum.finsweet.com/t/workaround-video-lightbox-component/7171/1 "2026-04-09T12:21:58Z")

</div>

## Description

Are there any plans (or is there a current workaround) to create a component so whilst someone is in Marketer role they can edit media in a video lightbox?

Currently, you can’t change the video in Marketer role using the native Webflow Lighbox as there’s no ability to add a property for the media.

---

<div class="post-metadata">

**Author:** ![Support-Finn](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-finn/32/5169_2.png) [@Support-Finn](https://forum.finsweet.com/u/Support-Finn)\
**Post date:** [April 9, 2026, 12:36pm UTC](https://forum.finsweet.com/t/workaround-video-lightbox-component/7171/2 "2026-04-09T12:36:53Z")

</div>

Hey @consultingcreatively!

There’s no dedicated Finsweet lightbox component right now, so this is largely a Webflow-native limitation — the native Lightbox element doesn’t expose the media/video URL as an editable property in the Marketer role.

Before we can point you in the right direction, a few quick questions 🙏

- What element are you using for the lightbox? (Webflow native, custom-coded, or something else?)
- What’s the video source — YouTube, Vimeo, or self-hosted?
- Are these videos tied to CMS items, or are they static/hardcoded?

The reason we ask: if your videos are (or could be) stored in a Webflow CMS collection with a video URL field, that opens up a path where Marketers update the video URL through the CMS editor rather than through the Lightbox element itself. We can’t confirm that as a clean solution without knowing your exact setup, but it’s worth exploring.

One thing worth flagging — if your use case involves a **YouTube video feed** displayed in a lightbox, Finsweet’s YouTube Feed component does include lightbox video playback as a built-in feature. Depending on what you’re building, that could be relevant.

On the roadmap side, we don’t want to speculate on what’s planned, so we’ll loop in @Support-Luis or @Support-Pedro — they’ll be better placed to speak to whether something like this is on the radar.

If you can share your Webflow staging URL or a read-only project link, that’ll help a lot in pointing you toward the best path forward.

---

<div class="post-metadata">

**Author:** ![consultingcreatively](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/consultingcreatively/32/3559_2.png) [@consultingcreatively](https://forum.finsweet.com/u/consultingcreatively)\
**Post date:** [April 9, 2026, 2:19pm UTC](https://forum.finsweet.com/t/workaround-video-lightbox-component/7171/3 "2026-04-09T14:19:33Z")

</div>

In response to your questions:

- I’m using Relume components, Header 75 in this case so the lightbox is Webflow native.
- YouTube will be the video source
- There’s no CMS on the site, they are static

Here’s the read-only link with Relume Header 75 converted to a Webflow component: [Webflow - Grant Searchlight](https://preview.webflow.com/preview/grant-searchlight?utm_medium=preview_link&utm_source=designer&utm_content=grant-searchlight&preview=ec8ca114ec92803c85444d8a780ba81c&pageId=69c41e763244ece19ca71c0f&locale=en&workflow=preview)

What would be the steps if a CMS was added to the site?

---

<div class="post-metadata">

**Author:** ![jesse.muiruri](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/jesse.muiruri/32/5523_2.png) [@jesse.muiruri](https://forum.finsweet.com/u/jesse.muiruri)\
**Post date:** [April 9, 2026, 5:54pm UTC](https://forum.finsweet.com/t/workaround-video-lightbox-component/7171/4 "2026-04-09T17:54:54Z")

</div>

Hey @consultingcreatively

To store Youtube videos in a collection  
Create a collection named `Videos` for instance, add in the fields `Name`, `YouTube Url`, & any other relevant field you might need e.g. `Description`. The `Name` is the `Video title`

On the page, add a `Collection List` & connect it to the `Videos` collection

Inside each `Collection Item` add in an `Webflow Embed` element & paste in the code

```auto
<iframe class="yt-video" width="100%" height="315" frameborder="0" allowfullscreen>
</iframe>

<div class="youtube-url" style="display:none;"></div>

```

Then add this code at the `Before </body>` section

```auto
<script>
document.addEventListener("DOMContentLoaded", function () {
  document.querySelectorAll(".youtube-url").forEach(function (el) {
    const url = el.textContent.trim();
    const videoId = getYouTubeID(url);

    if (videoId) {
      const iframe = el.previousElementSibling;
      iframe.src = "https://www.youtube.com/embed/" + videoId;
    }
  });

  function getYouTubeID(url) {
    const regExp = /(?:youtube\.com\/(?:watch\?v=|embed\/|shorts\/)|youtu\.be\/)([^&\n?#]+)/;
    const match = url.match(regExp);
    return match ? match[1] : null;
  }
});
</script>

```

The video urls added to the `Videos` collection should show up as embeds on the youtube page

Hope it works out alright as we are getting out of FS support scope  
Thanks