# Youtube embed size, revisited

**URL:** https://meta.discourse.org/t/youtube-embed-size-revisited/85385
**Category:** Support
**Created:** [April 15, 2018, 7:44pm UTC](https://meta.discourse.org/t/youtube-embed-size-revisited/85385 "2018-04-15T19:44:20Z")
**Posts on this page:** 14
**Page:** 2

<div class="post-metadata">

### Author: ![iraszl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/iraszl/32/120318_2.png) [@iraszl](https://meta.discourse.org/u/iraszl)
#### Post date: [April 24, 2020, 3:40pm UTC](https://meta.discourse.org/t/youtube-embed-size-revisited/85385/21 "2020-04-24T15:40:07Z")

</div>

Works great! Thank you! 💙

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [June 23, 2020, 9:32pm UTC](https://meta.discourse.org/t/youtube-embed-size-revisited/85385/22 "2020-06-23T21:32:56Z")

</div>

> [@bartv](#):
>
> What’s currently the best approach to make YouTube embeds the same size as images?

Latest fixes this thanks to @david work on getting higher resolution thumbnails.

So this video should, fluidly, use the full width of a post area:

[![](https://global.discourse-cdn.com/meta/original/3X/8/3/83dfc6a38dd1aee060300055d17ca73c507bd5a5.jpeg "The $32,000 Mac Pro Killer") ](https://www.youtube.com/watch?v=l_IHSRPVqwQ)

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [June 23, 2020, 9:37pm UTC](https://meta.discourse.org/t/youtube-embed-size-revisited/85385/23 "2020-06-23T21:37:02Z")

</div>

Just to fully understand, is there anything to do as an admin in order to have these full width video on our forum? New settings to enable or something like that?

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [June 23, 2020, 9:38pm UTC](https://meta.discourse.org/t/youtube-embed-size-revisited/85385/24 "2020-06-23T21:38:17Z")

</div>

Nothing special, just update to latest.

[https://gfycat.com/leafyfamiliarafricangoldencat](https://gfycat.com/leafyfamiliarafricangoldencat)

---

<div class="post-metadata">

### Author: ![Slowhand](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/slowhand/32/57436_2.png) [@Slowhand](https://meta.discourse.org/u/Slowhand)
#### Post date: [June 29, 2020, 4:13pm UTC](https://meta.discourse.org/t/youtube-embed-size-revisited/85385/25 "2020-06-29T16:13:35Z")

</div>

Related question:

How do we put back the original size of the YouTube videos? They’re now way too big for our forum. Most of our members like the smaller size.

Before / after screenshot

 ![image](https://global.discourse-cdn.com/meta/original/3X/f/2/f26765c8adda3d1b264ad30c8a0a6e9ec6df21a7.jpeg)

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [June 29, 2020, 4:42pm UTC](https://meta.discourse.org/t/youtube-embed-size-revisited/85385/26 "2020-06-29T16:42:39Z")

</div>

Set the div size with CSS.

---

<div class="post-metadata">

### Author: ![Slowhand](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/slowhand/32/57436_2.png) [@Slowhand](https://meta.discourse.org/u/Slowhand)
#### Post date: [June 29, 2020, 6:46pm UTC](https://meta.discourse.org/t/youtube-embed-size-revisited/85385/27 "2020-06-29T18:46:40Z")

</div>

Getting the following error message, please tell me what happened.

 ![image](https://global.discourse-cdn.com/meta/original/3X/8/0/80b25516a1e94c8d50dfa93d4e121fc285e04fa9.jpeg)

---

<div class="post-metadata">

### Author: ![Slowhand](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/slowhand/32/57436_2.png) [@Slowhand](https://meta.discourse.org/u/Slowhand)
#### Post date: [July 2, 2020, 4:17pm UTC](https://meta.discourse.org/t/youtube-embed-size-revisited/85385/28 "2020-07-02T16:17:07Z")

</div>

So, there’s no help for me then?

The person who used to take care of our site is not with the company any longer and the new person doesn’t have much experience with coding, so we’re really flying blind here.

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [July 2, 2020, 4:29pm UTC](https://meta.discourse.org/t/youtube-embed-size-revisited/85385/29 "2020-07-02T16:29:02Z")

</div>

Is it that straightforward?

I tried changing the width of **.lazyYT-container** but the preview image is cropped and the height won’t adjust automatically:

 ![image](https://global.discourse-cdn.com/meta/original/3X/3/b/3b07928b788072f155f6ab42e6ad20c789c3ea85.jpeg)  
 ![image](https://global.discourse-cdn.com/meta/original/3X/1/4/14dbb87503a6d98eddd91032651c55601fc13b2b.png)

> [@Slowhand](#):
>
> please tell me what happened.

For now if you still have this error, just remove the line 11 of your CSS (it’s not valid CSS) until a solution is found.

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [July 2, 2020, 5:11pm UTC](https://meta.discourse.org/t/youtube-embed-size-revisited/85385/30 "2020-07-02T17:11:25Z")

</div>

> [@Canapin](#):
>
> I tried changing the width of **.lazyYT-container** but the preview image is cropped and the height won’t adjust automatically:

If you want to keep the aspect ratio of 16:9 you will need to take care to both width and height.

The outside container can be adjusted with the `width` CSS property, while the height is currently set using a `padding-bottom` property.

I believe the old values where 480 and 270 respectively.

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [July 2, 2020, 5:14pm UTC](https://meta.discourse.org/t/youtube-embed-size-revisited/85385/31 "2020-07-02T17:14:37Z")

</div>

I added a new theme component on your site named _YouTube fix_. It is already active on your site, feel free to edit the value as you need. To see the changes you should click on the Rebuilt HTML button on posts.

---

<div class="post-metadata">

### Author: ![Slowhand](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/slowhand/32/57436_2.png) [@Slowhand](https://meta.discourse.org/u/Slowhand)
#### Post date: [July 2, 2020, 6:34pm UTC](https://meta.discourse.org/t/youtube-embed-size-revisited/85385/32 "2020-07-02T18:34:47Z")

</div>

> [@dax](#):
>
> I added a new theme component on your site named _YouTube fix_

Thank you so much for taking care of this! Sorry to be such a bother.

---

<div class="post-metadata">

### Author: ![Stanzilla](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stanzilla/32/166422_2.png) [@Stanzilla](https://meta.discourse.org/u/Stanzilla)
#### Post date: [January 29, 2021, 12:06am UTC](https://meta.discourse.org/t/youtube-embed-size-revisited/85385/33 "2021-01-29T00:06:02Z")

</div>

Would probably also be a good time to use something like [GitHub - paulirish/lite-youtube-embed: A faster youtube embed. · GitHub](https://github.com/paulirish/lite-youtube-embed)

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [June 8, 2024, 12:36pm UTC](https://meta.discourse.org/t/youtube-embed-size-revisited/85385/34 "2024-06-08T12:36:59Z")

</div>

This topic was automatically closed after 2245 days. New replies are no longer allowed.

[Previous page](https://meta.discourse.org/t/youtube-embed-size-revisited/85385.md?page=1)
