Skip to main content

Header Video BG

Video im Header mit Zeta Producer



  • Bindet Videos in voller Bildschirmbreite als Header ein.
  • Das Video wird wie ein Hintergrundbild (Cover) eingebunden. Auf kleinen Bildschirmen wird Video eingezoomt und an den Rändern beschnitten.
  • Der Focus des Videos sollte in der Mitte liegen oder das Video keinen Focus haben.
  • Sobald die Seite aufgerufen wird wird beginnt die Wiedergabe ohne Ton.
  • Wird das Video aus dem Sichtbereich gescrollt wird stoppt die Wiedergabe.
  • Wird das Video erneut in den Sichtbereich gescrollt beginnt die Wiedergabe an der Stelle wo sie gestoppt wurde.
  • Das Widget kann auch im Inhaltsbereich genutzt werden, in diesem Fall startet das Video erst wenn es in den Sichtbereich gescrollt wurde.
  • Alle Inhalte "Logo, Textfeld und Scrollhinweis" sind optional.
  • Die Animationen für das Textfeld und den Scrollhinweis können ausgestellt werden.
  • Verschiedene Optionen für die "Mobile Ansicht".

Das Video kann auch im Inhaltsbereich platziert werden. 

Dabei startet das Video erst wenn es in den Sichtbereich gescrollt wurde.


  • Entpacke die heruntergeladene *.zip Datei
  • Im Verzeichnis "C: \ Users \ Benutzername \ Documents \ Zeta Producer xx" einen Ordner "widgets" anlegen.
  • Kopiere den kompletten entpackten Ordner in das neu angelegte Unterverzeichnis "widgets".
  • Starte Zeta Producer
  • Das Widget sollte nun in der Widgetübersicht unter dem Reiter "Sonstiges" angezeigt werden.


Alle Widgets wurden mit dem Layout "Flat Responsive" erstellt und in vielen anderen Layouts getestet. Da alle Layouts in Zeta Producer ihre Besonderheiten haben kann es durchaus vorkommen das ein Widget nicht in deinem Layout wie gewünscht dargestellt wird.

Nach oben