Die Videokomponente dient der Darstellung eines einzelnen Videos. In ihrer Struktur ähnelt sie der Bildkomponente, mit dem Unterschied, dass hier ein Video anstelle eines Bildes eingebunden wird.
Standardmäßig wird das Video in der gewählten Breite dargestellt, darunter kann optional eine Caption angezeigt werden. Wie bei anderen Komponenten lassen sich außerdem eine Headline und eine Subheadline bei Bedarf einblenden.
Videoquelle
Unter „Visual“ kann gewählt werden zwischen:
Video aus dem Media Archive
Webvideo (Einbindung per URL)
Bei Videos aus dem Medien Archiv sollte auf eine optimierte Dateigröße geachtet werden, da große Dateien die Ladezeit und Performance der Seite beeinflussen können.
Wiedergabeoptionen
Für beide Videoarten können folgende Optionen aktiviert werden:
Autoplay
Loop (automatische Wiederholung)
Controls (Steuerleiste mit Pause- und Navigationsfunktion)
Deaktivierung des initialen Play-Buttons
Zusätzlich kann bei Videos aus dem Media Archive ein Poster-Bild definiert werden. Dieses wird angezeigt, bevor das Video geladen oder gestartet wird und ist insbesondere bei größeren Dateien sinnvoll.
Layout & Breite
Unter „Layout“ stehen folgende Optionen zur Verfügung:
Default → Standardbreite
Wide → ca. 20 % breiter als Default
Full → gesamte Seitenbreite
Mit zunehmender Breite skaliert auch die Höhe des Videos proportional.
Farbschema
Für die Videokomponente kann ein eigenes Farbschema angewendet werden.
Tipps & Tricks
Achte bei Videos aus dem Media Archive auf optimierte Dateigrößen.
Nutze ein Poster-Bild bei größeren Videos oder wenn Autoplay deaktiviert ist.
Setze Autoplay und Loop bewusst ein.
Prüfe bei Full-Breite die Videoqualität auf großen Bildschirmen.