# Video banner full length of the page/screen

**URL:** <https://forums.realmacsoftware.com/t/video-banner-full-length-of-the-page-screen/54020>\
**Category:** Elements\
**Created:** [January 31, 2026, 3:28pm UTC](https://forums.realmacsoftware.com/t/video-banner-full-length-of-the-page-screen/54020 "2026-01-31T15:28:25Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![MarcL](https://avatars.discourse-cdn.com/v4/letter/m/7cd45c/32.png) [@MarcL](https://forums.realmacsoftware.com/u/MarcL)\
**Post date:** [January 31, 2026, 3:28pm UTC](https://forums.realmacsoftware.com/t/video-banner-full-length-of-the-page-screen/54020/1 "2026-01-31T15:28:25Z")

</div>

How do you make the video fill the width of a container do you use a flex or just drop the video element in the container?

 ![Screenshot 2026-01-31 at 15.27.08](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/b/2/b254f35335c8e552a2ad1fbc8cff1cb7876b70a8.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:** [January 31, 2026, 6:16pm UTC](https://forums.realmacsoftware.com/t/video-banner-full-length-of-the-page-screen/54020/2 "2026-01-31T18:16:28Z")

</div>

There’s many, many ways to do this…

1. Set the Content Layout’s Width to “Full” on the outer container…
2. Or place the video outside of a container, that way it will naturally just fill the width of the browser…
3. Or, depending on what you’r doing, you can also set a video on the background of a container and set the height. This is good if you want to overlay text or other items.

Here’s a quick video showing how to do these three options…

There’s lots of ways to achieve what you want in Elements 🙂

Hope that helps!

---

<div class="post-metadata">

**Author:** ![MarcL](https://avatars.discourse-cdn.com/v4/letter/m/7cd45c/32.png) [@MarcL](https://forums.realmacsoftware.com/u/MarcL)\
**Post date:** [February 2, 2026, 9:43am UTC](https://forums.realmacsoftware.com/t/video-banner-full-length-of-the-page-screen/54020/3 "2026-02-02T09:43:21Z")

</div>

Thanks Dan

I was routing around in the wrong place to set the with to full. I was trying in the ‘sizing’ section instead of then content layout.

---

<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:** [February 2, 2026, 11:18am UTC](https://forums.realmacsoftware.com/t/video-banner-full-length-of-the-page-screen/54020/4 "2026-02-02T11:18:25Z")

</div>

No problem, glad you got it sorted 🙂