Neu Video Portlet skaliert nicht richtig und lässt Platz oben und unten.

[Ahok]

Hallo zusammen,

ich habe ein 2560x600 px Video erstellt für unsere Webseite. Leider macht das Video Portlet Problem und ich finde nicht heraus, woran es liegt. Wie ihr in der Vorschau unten sieht, lässt das Portlet oberhalb und unterhalb des Videos jede Menge Platz. Die Höhe zu verändern scheint überhaupt keinen Einfluss auf das Video zu haben. Selbst mit 1px sieht es genauso aus mit Platz oben und unten. Responsive Nein führt nur zu einem extrem großen Bild und ist praktisch unbrauchbar. Mir scheint dieses Verhalten fast fehlerhaft. Links und rechts wird die Breite ja perfekt skaliert. Warum nicht oben und unten?

 

[NoOne]

Das liegt am Seitenverhältnis. 64:15 ist schlecht zu skalieren, bei üblichen Auflösungen von 16:9 und 16:10. Wenn du 2560x600 z. B. auf 1024 Pixel Breite runterskalierst, bleiben dir von der Höhe noch 240 Pixel. Die 16:9 Auflösung wäre 1024x576. Da hast du dann also 336 Pixel Rand. Selbst wenn du gar nicht skalierst, hast du bei 2560x600 im 16:9 Verhältnis 840 Pixel Rand. Weil die 16:9 Auflösung für 2560 Pixel Breite 2560x1440 ist.

 

[Ahok]

Das liegt am Seitenverhältnis. 64:15 ist schlecht zu skalieren, bei üblichen Auflösungen von 16:9 und 16:10. Wenn du 2560x600 z. B. auf 1024 Pixel Breite runterskalierst, bleiben dir von der Höhe noch 240 Pixel. Die 16:9 Auflösung wäre 1024x576. Da hast du dann also 336 Pixel Rand. Selbst wenn du gar nicht skalierst, hast du bei 2560x600 im 16:9 Verhältnis 840 Pixel Rand. Weil die 16:9 Auflösung für 2560 Pixel Breite 2560x1440 ist.

Kann ich irgendwie nicht ganz nachvollziehen was du schreibst. Warum sollte das schwerer zu skalieren sein? Es ist ja theoretisch schon perfekt skaliert. Der umliegende Container muss jetzt einfach nur genauso hoch sein, wie das Element (das Video) darin, sprich die Lücken oben und unten loswerden. Ich muss ja wohl in der Lage sein ein Video mit dieser Größe hochzuladen, wenn das mein Wunsch ist. Geht mit anderen Website-Buildern ja auch. Heißt das also das Video Portlet verlangt eine 16:9 Auflösung bei jedem Video oder er fügt Lücken hinzu?

 

[Ahok]

Das liegt am Seitenverhältnis. 64:15 ist schlecht zu skalieren, bei üblichen Auflösungen von 16:9 und 16:10. Wenn du 2560x600 z. B. auf 1024 Pixel Breite runterskalierst, bleiben dir von der Höhe noch 240 Pixel. Die 16:9 Auflösung wäre 1024x576. Da hast du dann also 336 Pixel Rand. Selbst wenn du gar nicht skalierst, hast du bei 2560x600 im 16:9 Verhältnis 840 Pixel Rand. Weil die 16:9 Auflösung für 2560 Pixel Breite 2560x1440 ist.

Hiermit wirds jetzt korrekt angezeigt. Scheint soweit auf allen Auflösungen zu funktionieren:

/* Lässt den Wrapper in seiner Logik, aber reduziert das Seitenverhältnis */
.opc-Video-iframe-wrapper.embed-responsive {
padding-bottom: 23.4375% !important;
height: auto !important;
}

/* Pseudo-Elemente deaktivieren, falls aktiv */
.opc-Video-iframe-wrapper::before,
.opc-Video-iframe-wrapper::after {
content: none !important;
display: none !important;
}