Anteprima video con barre nere su mobile (Wistia)

I Wistia embed automaticamente quando incolliamo l’URL pubblico del media in Discourse. Tutto va bene su tablet e computer. Ma, sul telefono, l’anteprima presenta delle strane barre nere.

L’anteprima dei video di YouTube sul telefono funziona benissimo.

Quando ho cercato nel forum, sembra che il team abbia fornito una soluzione per YouTube nel 2023. Sarebbe possibile correggere il bug CSS anche per Wistia? Grazie.

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

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

1 Mi Piace

Ecco una soluzione CSS che mantiene le proporzioni senza un’altezza fissa:

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

Grazie per aver dedicato del tempo a rispondere ad Arkshine. Sembra un’ottima soluzione. Sono un utente di una community di discourse, non un amministratore, posso applicare il CSS direttamente a uno dei miei post nella community o uno sviluppatore dovrà aggiungerlo a GitHub?

Esempio se l’URL del video fosse

https://support.wistia.com/medias/26sk4lmiix
1 Mi Piace

No, non è qualcosa che puoi applicare direttamente. Puoi sempre chiedere all’amministratore della tua community di Discourse se può e vuole aggiungere questo pezzo di CSS. In definitiva, è qualcosa che deve essere migliorato in Discourse di sicuro.

3 Mi Piace

Ok, grazie per la risposta :slight_smile: Lo apprezzo :slight_smile:

Non sono molto esperti di tecnologia, quindi preferiranno sicuramente aspettare la correzione CSS nella piattaforma Discourse. In questo modo, la correzione verrà distribuita automaticamente quando aggiorneranno il software.

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