Miniatura de vídeo incorporada com barras pretas no celular (Wistia)

Vídeos do Wistia são incorporados automaticamente quando colamos a URL pública da mídia no Discourse. Tudo funciona bem no tablet e no computador. Mas, no celular, a miniatura tem algumas barras pretas estranhas.

A miniatura dos vídeos do YouTube no celular funciona perfeitamente.

Quando pesquisei no fórum, parece que uma correção foi fornecida pela equipe para o YouTube em 2023. Seria possível corrigir o bug de CSS para o Wistia também? Obrigado.

https://support.wistia.com/medias/26sk4lmiix

https://support.wistia.com/medias/26sk4lmiix

1 curtida

Aqui está uma solução CSS que mantém a proporção sem uma altura fixa:

iframe[src*="wistia.net"] {
    aspect-ratio: 16 /9;
    height: auto;
}
2 curtidas

Obrigado por dedicar seu tempo para responder, Arkshine. Parece uma ótima solução. Sou um usuário de uma comunidade discourse, não um administrador. Posso aplicar CSS diretamente em uma das minhas postagens na comunidade ou um desenvolvedor precisará adicioná-lo ao GitHub?

Exemplo se o URL do vídeo fosse

https://support.wistia.com/medias/26sk4lmiix
1 curtida

Não, isso não é algo que você possa aplicar diretamente. Você sempre pode perguntar ao administrador da sua comunidade do Discourse se ele pode e está disposto a adicionar este trecho de CSS. Em última análise, isso é algo que precisa ser melhorado no Discourse com certeza.

3 curtidas

Ok, obrigado pela resposta :slight_smile: Agradeço :slight_smile:

Eles não são muito experientes em tecnologia, então definitivamente preferirão esperar pela correção do CSS na plataforma Discourse. Dessa forma, a correção será enviada automaticamente quando eles atualizarem o software.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.