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
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;
}
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
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.
Ok, obrigado pela resposta 
Agradeço
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.