Video-Thumbnail-Balken auf Mobilgeräten (Wistia)

Entwickler
1

Wistia-Videos werden automatisch eingebettet, wenn wir die öffentliche Medien-URL in Discourse einfügen. Auf Tablets und Computern ist alles in Ordnung. Aber auf dem Handy haben die Thumbnails seltsame schwarze Balken.

Die Thumbnails für YouTube-Videos funktionieren auf dem Handy einwandfrei.

Als ich das Forum durchsuchte, schien es, als ob das Team 2023 eine Korrektur für YouTube vorgenommen hat. Wäre es möglich, den CSS-Fehler auch für Wistia zu beheben? Danke.

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

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

image
image353×432 30.6 KB

2

Hier ist eine CSS-Lösung, die das Seitenverhältnis beibehält, ohne eine feste Höhe zu verwenden:

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

Vielen Dank, dass Sie sich die Zeit genommen haben, Arkshine zu antworten. Das sieht nach einer großartigen Lösung aus. Ich bin ein Benutzer einer Discourse-Community, kein Administrator. Kann ich CSS direkt auf einen meiner Beiträge in der Community anwenden, oder muss ein Entwickler dies zu GitHub hinzufügen?

Beispiel, wenn die Video-URL wäre

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

Nein, das ist nichts, was Sie direkt anwenden können. Sie können den Administrator Ihrer Discourse-Community immer fragen, ob er bereit und in der Lage ist, dieses CSS-Snippet hinzuzufügen. Letztendlich muss dies in Discourse auf jeden Fall verbessert werden.

5

Okay, danke für die Antwort :slight_smile: Ich weiß es zu schätzen :)\n\nSie sind nicht sehr technikaffin, daher werden sie definitiv warten, bis das CSS-Problem auf der Discourse-Plattform behoben ist. Auf diese Weise wird die Korrektur automatisch bereitgestellt, wenn sie die Software aktualisieren.