# Video lightbox cropping

**URL:** <https://forums.realmacsoftware.com/t/video-lightbox-cropping/51397>\
**Category:** Elements\
**Created:** [September 29, 2025, 8:29am UTC](https://forums.realmacsoftware.com/t/video-lightbox-cropping/51397 "2025-09-29T08:29:42Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![Doobox](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/doobox/32/32373_2.png) [@Doobox](https://forums.realmacsoftware.com/u/Doobox)\
**Post date:** [September 29, 2025, 8:29am UTC](https://forums.realmacsoftware.com/t/video-lightbox-cropping/51397/1 "2025-09-29T08:29:43Z")

</div>

Hi there,

I’ve wrestled with this one a while. I can do it with custom CSS but can not find how to without?

Works fine on MacBook Pro screen, but on larger Studio Display the video is cropped off in height so you can no longer see the mp4 controls.

You can replicate on smaller screen by changing the aspect ratio of the browser to shorter and wider.

The video does not seem to respect “contain”, even when I have calculated and entered the exact aspect ratio of the video.

I have left the project file in a default state to play with:

[elementsapp://downloadDocument/uGfPuEqz0Q48](elementsapp://downloadDocument/uGfPuEqz0Q48)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 29, 2025, 8:51am UTC](https://forums.realmacsoftware.com/t/video-lightbox-cropping/51397/2 "2025-09-29T08:51:20Z")

</div>

Will have a look at this today, but off the top of my head I’m thinking you might need to use the modal component instead for this 🤔

Let me chat to @ben and get back you on the right way to do this!

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 29, 2025, 9:14am UTC](https://forums.realmacsoftware.com/t/video-lightbox-cropping/51397/3 "2025-09-29T09:14:28Z")

</div>

After doing a deeper dive, it appears the video _should_ scale with the browser, but obviously doesn’t. So yeah, this is a bug!

I’ve created a ticket for it to be fixed in the next build 😅

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [October 1, 2025, 4:27pm UTC](https://forums.realmacsoftware.com/t/video-lightbox-cropping/51397/4 "2025-10-01T16:27:59Z")

</div>

Good news! @Doobox this should be [fixed in Elements 1.3.5](https://forums.realmacsoftware.com/t/elements-1-3-4-23875/51460/) 🤞

---

<div class="post-metadata">

**Author:** ![Doobox](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/doobox/32/32373_2.png) [@Doobox](https://forums.realmacsoftware.com/u/Doobox)\
**Post date:** [October 1, 2025, 4:32pm UTC](https://forums.realmacsoftware.com/t/video-lightbox-cropping/51397/5 "2025-10-01T16:32:25Z")

</div>

Happy days. 👍

---

<div class="post-metadata">

**Author:** ![Doobox](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/doobox/32/32373_2.png) [@Doobox](https://forums.realmacsoftware.com/u/Doobox)\
**Post date:** [October 3, 2025, 9:00pm UTC](https://forums.realmacsoftware.com/t/video-lightbox-cropping/51397/6 "2025-10-03T21:00:42Z")

</div>

@dan @ben I think it needs another look.

You fixed it for mp4 videos, Thanks!  
But in the process you seem to have broken it for YouTube videos. They are now shrunk to the smallest possible size they are able to shrink to, in both the Lightbox and inline (default settings displays the issue using either the default glitch video or any other YouTube video).

Example (I was doubting myself 😬) :

 ![CleanShot 2025-10-03 at 10 .02.48@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/0/f/0fb3e209364e209b806fd2e0a9f0ef9b45210135.jpeg)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [October 3, 2025, 9:06pm UTC](https://forums.realmacsoftware.com/t/video-lightbox-cropping/51397/7 "2025-10-03T21:06:28Z")

</div>

Ah yes… we noticed that in our testing and it’s been fixed already, will be in a build early next week. Sorry for the delay!

---

<div class="post-metadata">

**Author:** ![Doobox](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/doobox/32/32373_2.png) [@Doobox](https://forums.realmacsoftware.com/u/Doobox)\
**Post date:** [October 3, 2025, 9:07pm UTC](https://forums.realmacsoftware.com/t/video-lightbox-cropping/51397/8 "2025-10-03T21:07:05Z")

</div>

Ah, cool. 👍

---

<div class="post-metadata">

**Author:** ![JudsonDigital](https://avatars.discourse-cdn.com/v4/letter/j/fbc32d/32.png) [@JudsonDigital](https://forums.realmacsoftware.com/u/JudsonDigital)\
**Post date:** [October 8, 2025, 2:02pm UTC](https://forums.realmacsoftware.com/t/video-lightbox-cropping/51397/9 "2025-10-08T14:02:40Z")

</div>

Is this update still in the pipeline this week? Thanks for a fantastic product!

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [October 8, 2025, 3:20pm UTC](https://forums.realmacsoftware.com/t/video-lightbox-cropping/51397/10 "2025-10-08T15:20:34Z")

</div>

Yup, will drop shortly, stay tuned!

---

<div class="post-metadata">

**Author:** ![Doobox](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/doobox/32/32373_2.png) [@Doobox](https://forums.realmacsoftware.com/u/Doobox)\
**Post date:** [October 9, 2025, 5:45pm UTC](https://forums.realmacsoftware.com/t/video-lightbox-cropping/51397/11 "2025-10-09T17:45:05Z")

</div>

Sorry Guys, think it still needs more work.

You can see its misbehaving on the Elements website as well bursting out of the container width.

Image 1 edit mode.

Image 2 preview after clicking play.

 ![CleanShot 2025-10-09 at 6 .41.33@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/7/4/74c5e3393bbdbd77f45cbff7db9cc834ef4792a9.png)

 ![CleanShot 2025-10-09 at 6 .44.31@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/9/593d0837ac9437be6cf084e0de6b27e2d900b4fc.jpeg)

---

<div class="post-metadata">

**Author:** ![Doobox](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/doobox/32/32373_2.png) [@Doobox](https://forums.realmacsoftware.com/u/Doobox)\
**Post date:** [October 9, 2025, 6:04pm UTC](https://forums.realmacsoftware.com/t/video-lightbox-cropping/51397/12 "2025-10-09T18:04:31Z")

</div>

And the same bug as original post is back but for YouTube now.

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [October 9, 2025, 6:12pm UTC](https://forums.realmacsoftware.com/t/video-lightbox-cropping/51397/13 "2025-10-09T18:12:54Z")

</div>

I’ll check this one out again and see if we can get a fix out ASAP. Apologies for the inconvenience!

---

<div class="post-metadata">

**Author:** ![Doobox](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/doobox/32/32373_2.png) [@Doobox](https://forums.realmacsoftware.com/u/Doobox)\
**Post date:** [October 10, 2025, 12:58pm UTC](https://forums.realmacsoftware.com/t/video-lightbox-cropping/51397/14 "2025-10-10T12:58:26Z")

</div>

1.3.7 fixed the issue with YouTube video cropping in the modal, but did not address the issue with inline video. Attached project, everything is in a default state.

Note the inline version spills its parent container on playing / appear.

[elementsapp://downloadDocument/F2091XSwx5gX](elementsapp://downloadDocument/F2091XSwx5gX)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [October 10, 2025, 2:22pm UTC](https://forums.realmacsoftware.com/t/video-lightbox-cropping/51397/15 "2025-10-10T14:22:24Z")

</div>

Okay, we have one more build in the works that should finally, finally, finally, fix all these issues 😝

btw. If you need more control (or an alternative), you can use the separate modal component that should do the same job 🙂

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [October 10, 2025, 2:34pm UTC](https://forums.realmacsoftware.com/t/video-lightbox-cropping/51397/16 "2025-10-10T14:34:28Z")

</div>

@Doobox [new build is up](https://forums.realmacsoftware.com/t/elements-1-3-8-23887/51643/1), give it a whirl!

---

<div class="post-metadata">

**Author:** ![Doobox](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/doobox/32/32373_2.png) [@Doobox](https://forums.realmacsoftware.com/u/Doobox)\
**Post date:** [October 10, 2025, 2:50pm UTC](https://forums.realmacsoftware.com/t/video-lightbox-cropping/51397/17 "2025-10-10T14:50:54Z")

</div>

@dan All the realmac components are missing in this latest build 😬

Only my own components can be seen.

 ![CleanShot 2025-10-10 at 3 .48.32@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/8/9/89772e36583dc15bd03027cdaecf4cc5add3d554.png)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [October 10, 2025, 3:26pm UTC](https://forums.realmacsoftware.com/t/video-lightbox-cropping/51397/18 "2025-10-10T15:26:07Z")

</div>

🤦 New build coming in 3…2…1…
