# Embedding Portrait Video on Desktop Site

**URL:** <https://forums.realmacsoftware.com/t/embedding-portrait-video-on-desktop-site/46834>\
**Category:** RapidWeaver Classic\
**Created:** [March 23, 2025, 12:19pm UTC](https://forums.realmacsoftware.com/t/embedding-portrait-video-on-desktop-site/46834 "2025-03-23T12:19:47Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![messyj232](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/messyj232/32/28368_2.png) [@messyj232](https://forums.realmacsoftware.com/u/messyj232)\
**Post date:** [March 23, 2025, 12:19pm UTC](https://forums.realmacsoftware.com/t/embedding-portrait-video-on-desktop-site/46834/1 "2025-03-23T12:19:47Z")

</div>

I am trying to embed a portrait Vimeo video _**(Strength Training is Mediation Training)**_ onto my site, but I don’t want it to be to big on the desktop version of the site (it looks pretty good on mobile, though!)  
I thought about making 2 versions of the video (one in portrait and one in landscape) but that I don’t want to do that much editing.  
My website is [https://www.strengthtrainingnj.com](https://www.strengthtrainingnj.com)  
Does anyone have any sizing/ coding recomendations?  
Every time I mess with the embed code, I just seem to mess up the padding, and it looks even worse.  
Thanks in advance!

---

<div class="post-metadata">

**Author:** ![messyj232](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/messyj232/32/28368_2.png) [@messyj232](https://forums.realmacsoftware.com/u/messyj232)\
**Post date:** [March 30, 2025, 6:32pm UTC](https://forums.realmacsoftware.com/t/embedding-portrait-video-on-desktop-site/46834/2 "2025-03-30T18:32:33Z")

</div>

Ok! So I changed height to 50%, but now I have this huge padding at the bottom. Does anyone have any coding recommendations? I’m at a loss! Thank you!

 ![Screenshot 2025-03-30 at 2.38.31 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/7/b/7b24591b9c7edcb37471f1304d23d8f5d8d93905.jpeg)

---

<div class="post-metadata">

**Author:** ![Heroic\_Nonsense](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/heroic_nonsense/32/20666_2.png) [@Heroic\_Nonsense](https://forums.realmacsoftware.com/u/Heroic_Nonsense)\
**Post date:** [March 31, 2025, 7:51am UTC](https://forums.realmacsoftware.com/t/embedding-portrait-video-on-desktop-site/46834/3 "2025-03-31T07:51:56Z")

</div>

Hi @messyj232,

The problem might be in the embedding code that you used.

Play around with this value to see if it does what you’re trying to do:

 ![Capto_Capture 2025-03-31_09-50-27_](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/0/d/0d74d3a917e386ecb594eca02e78e64431cd757e.png)

Cheers,  
Erwin

---

<div class="post-metadata">

**Author:** ![messyj232](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/messyj232/32/28368_2.png) [@messyj232](https://forums.realmacsoftware.com/u/messyj232)\
**Post date:** [March 31, 2025, 10:56am UTC](https://forums.realmacsoftware.com/t/embedding-portrait-video-on-desktop-site/46834/4 "2025-03-31T10:56:03Z")

</div>

Erwin,  
Thank you!  
I did not think it was possible to (directly?) edit code in RapidWeaver?

---

<div class="post-metadata">

**Author:** ![Heroic\_Nonsense](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/heroic_nonsense/32/20666_2.png) [@Heroic\_Nonsense](https://forums.realmacsoftware.com/u/Heroic_Nonsense)\
**Post date:** [March 31, 2025, 1:23pm UTC](https://forums.realmacsoftware.com/t/embedding-portrait-video-on-desktop-site/46834/5 "2025-03-31T13:23:27Z")

</div>

Hi @messyj232,

You can override CSS from within RapidWeaver.

1. Navigate to the page in your project file

2. Click the **Code** tab in the page inspector, and the CSS tab inside that:  

3. Any CSS code you enter here, overrides the CSS code generated by your stacks.

4. Enter the code below and preview your page to see if it worked:

```auto
.player {
style="max-width: calc(56.29629vh); height: calc(177.631579vw)" !important;
}

```

The value I typed above, is the value as generated by the stack. Play around with the value after “height:”, or remove the calculation altogether and enter static value instead, and see what the effect is on your padding.

Cheers,  
Erwin

---

<div class="post-metadata">

**Author:** ![messyj232](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/messyj232/32/28368_2.png) [@messyj232](https://forums.realmacsoftware.com/u/messyj232)\
**Post date:** [April 1, 2025, 12:49pm UTC](https://forums.realmacsoftware.com/t/embedding-portrait-video-on-desktop-site/46834/6 "2025-04-01T12:49:58Z")

</div>

Erwin-  
Thank you very much!!