Largura de embed de vídeo YouTube vs Vimeo

Para incorporar qualquer vídeo, simplesmente colamos o link do vídeo ao criar um tópico.
No entanto, por que ao incorporar um vídeo do YouTube (veja abaixo) ele se estica de ponta a ponta? Enquanto ao incorporar um vídeo do Vimeo, ele não se estica de ponta a ponta.

Há alguma forma de corrigir isso?

Não notei diferença, mesmo que eu aloque um tamanho de vídeo no código de incorporação do VIMEO. O vídeo ainda é exibido da mesma forma que ao colar o link do vídeo.

Em ambos os casos, tudo o que faço é colar o URL do vídeo.

YouTube

Vimeo

https://vimeo.com/300660748

Parece que não consigo incorporar um vídeo aqui. Então, aqui estão algumas capturas de tela da minha comunidade. A largura do vídeo do Vimeo é menor que a largura do vídeo do YouTube. Existe uma maneira de fazer com que o vídeo do Vimeo também se expanda para a largura máxima permitida?

4 curtidas

Tenho um PR para oneboxes do Vimeo em largura total

6 curtidas

Teste

YT

Vimeo

5 curtidas

Olá Falco,

Sou novo no Discourse e não tenho ideia do que significa PR (como você mencionou, “Eu tenho PR para oneboxes do Vimeo de largura total”).

Embora você tenha me mostrado um teste que agora funciona, o que preciso fazer para que funcione? Porque os vídeos do Vimeo em minha comunidade ainda não se expandem para largura total.

Ainda estou tentando entender o que você acabou de fazer nesta postagem acima. Eu realmente apreciaria se você pudesse me dizer o que preciso fazer para corrigir isso em minha comunidade. Obrigado.

1 curtida

Olá Amber,

PR significa “pull request” (solicitação de pull), e se refere ao GitHub. Essencialmente, significa que Falco fez uma alteração no código do Discourse e está buscando que essa alteração seja revisada antes de ser mesclada ao Discourse.

Este site específico do Discourse, meta.discourse.org, é atualizado automaticamente a cada alteração que um de nossos engenheiros faz. Seu site não é implantado automaticamente assim - nós implantamos para os clientes em uma base regular, mas menos frequente. Eu iniciei uma implantação (atualização) para o seu site. A implantação deve ser concluída em aproximadamente 30 minutos.

Assim que a implantação for concluída, você precisará reconstruir a postagem. Para fazer isso, clique no botão “mostrar mais” abaixo da postagem, depois clique na chave inglesa de administrador. Por último, clique em “reconstruir HTML”.



4 curtidas

Falco,
Muito obrigado.

Joshua, muito obrigado por esclarecer tudo. Agradeço.

3 curtidas

Olá @Falco

Essa alteração também funciona com incorporações privadas do Vimeo? (ou seja, o link do player com ?h=<algum identificador> anexado a ele)

Se eles funcionavam antes, devem funcionar com esta alteração, olhando as alterações de código no commit. :slight_smile:

2 curtidas

Eles experimentam uma peculiaridade no tamanho do embed. Mesmo após este commit, o tamanho dos vídeos privados continua pequeno. Espero que haja uma maneira de torná-los de largura total também?

1 curtida

Não tenho uma conta no Vimeo para criar esses vídeos privados, então :person_shrugging:

1 curtida

Estou tendo esse problema também. Estou executando o Discourse 2.9.0.beta9 (56832adf17)

Isso é especialmente problemático em telas pequenas (redimensione esta tela e você poderá ver o quão minúsculo o segundo - o OneBoxed - se torna).


Aqui está o link incluindo o player na URL… (este não encolhe em telas menores, mas não consigo centralizá-lo também.)

https://player.vimeo.com/video/743344591


E o abaixo aqui é OneBoxed… (este encolhe e fica muito pequeno em tamanhos de tela menores.)

https://vimeo.com/743344591

Então está tudo bem? Como é possível que merge não impacte nossa instância?

Provavelmente estou perdendo alguma coisa :slight_smile:

Como isso foi postado? Você pode compartilhar a postagem bruta?

1 curtida

Estou fazendo alguns testes porque começamos a compartilhar alguns vídeos do Vimeo em nossa comunidade Discourse. Aqui está o original:

Teste

https://vimeo.com/channels/staffpicks/353070045

VS

https://vimeo.com/353070045

Não reconhecemos o formato do URL que você usou, por isso ele está recorrendo ao código genérico de onebox em vez do código especial do Vimeo.

2 curtidas

Eu usei um link que o Jeff compartilhou há alguns anos. Então, obrigado, porque agora está melhor!

(Mas) por que não tela cheia? Ainda está fixo :cry:

Porque é um vídeo com proporção 4:3.

2 curtidas

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, 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. :confused:

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.

Temos alguma atualização sobre isso?

Bunny.net está se tornando cada vez mais popular graças à qualidade e velocidade de seus serviços.

Já podemos incorporar vídeos transmitidos pelo Bunny no Discourse?