# Largura de embed de vídeo YouTube vs Vimeo

**URL:** <https://meta.discourse.org/t/youtube-vs-vimeo-video-embed-width/231565>\
**Category:** Feature\
**Tags:** video\
**Created:** [30 Junho , 2022 13:02 UTC](https://meta.discourse.org/t/youtube-vs-vimeo-video-embed-width/231565 "2022-06-30T13:02:28Z")\
**Posts on this page:** 1\
**Showing post:** 19

<div class="post-metadata">

**Author:** ![Joshua\_Lyon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/joshua_lyon/32/117236_2.png) [@Joshua\_Lyon](https://meta.discourse.org/u/Joshua_Lyon)\
**Post date:** [22 Setembro , 2023 21:58 UTC](https://meta.discourse.org/t/youtube-vs-vimeo-video-embed-width/231565/19 "2023-09-22T21:58:20Z")

</div>

> [@Falco](#):
>
> Tenho um PR para oneboxes do Vimeo em tela cheia
> 
> [FEATURE: Use full post width for Vimeo embeds by xfalcox · Pull Request #17289 · discourse/discourse · GitHub](https://github.com/discourse/discourse/pull/17289)

Por que não aplicar essa mesma lógica a _qualquer_ fonte OneBox que especifique explicitamente sua altura e largura e, finalmente, seja incorporada via iframe?

* * *

**Pensamentos e Abordagem**  
Em teoria, se já tivermos a altura/largura explícitas e isso estiver sendo especificado no iframe, a mesma abordagem geral de definir a proporção pode ser usada para tornar as coisas escaláveis genericamente.

Por exemplo, tenho incorporado cada vez mais demonstrações em vídeo em nossa comunidade, então mudei para [Bunny.net](http://Bunny.net), que é conhecida por sua CDN, e seu serviço Bunny Stream para carregar e incorporar vídeos.

Depois de adicionar `video.bunnycdn.com` e `iframe.mediadelivery.net` à minha configuração de iframes permitidos, posso facilmente colar uma URL do Bunny Stream e ela é OneBox’ada usando um dos fallbacks genéricos… **mas** a proporção fica muito estranha quando vista em um dispositivo móvel. 😕

Como uma solução alternativa rápida, escrevi um componente de tema simples que usa a API de Plugin e `decorateCookedElement` para atualizar o iframe com as informações de proporção.

> **[GitHub - joshualyon/discourse-bunny-box: OneBox formatting for Bunny.net stream embeds](https://github.com/joshualyon/discourse-bunny-box)**
>
> OneBox formatting for Bunny.net stream embeds

---

_[View the full topic](https://meta.discourse.org/t/youtube-vs-vimeo-video-embed-width/231565)._
