Zum Inhalt springen

Video

Der Video ermöglicht es Ihnen, Videoinhalte mit einer optionalen Überschrift, Beschreibung und Poster-Bild einzubetten.
Er ist ideal für die Erklärung von Konzepten, Präsentation von Prozessen, Teilen von Testimonials oder das Hinzufügen ansprechender Multimedia-Inhalte zu Ihren Seiten.



Beispiel eines Videos
Beispiel eines Videos

  • Typ: Boolean
  • Erforderlich: Nein
  • Standardwert: true (Standard: aktiv)
  • Zweck: Steuert, ob der Video-Bereich auf der Website angezeigt wird
  • Hinweis: Deaktivieren Sie dieses Feld, wenn der Bereich vorübergehend nicht sichtbar sein soll, ohne die Konfiguration zu löschen

  • Typ: String
  • Erforderlich: Ja
  • Maximale Länge: 120 Zeichen
  • Zweck: Hauptüberschrift für den Video
  • Beispiele:
    Wie unser Service funktioniert, Unser Prozess

  • Typ: Text (3 Zeilen)
  • Erforderlich: Nein
  • Zweck: Unterstützender Text, der den Videoinhalt beschreibt
  • Beispiel:
    Sehen Sie, wie unser Service in der Praxis funktioniert

  • Typ: Datei
  • Erforderlich: Nein
  • Akzeptierte Formate: video/* (MP4, WebM usw.)
  • Zweck: Hochgeladene Video-Datei

  • Typ: URL
  • Erforderlich: Nein
  • Zweck: Alternative zum Datei-Upload; bettet ein Video über direkte URL ein
  • Beispiel:
    URL zu einem Video-Hosting-Service

Entweder Video-Datei oder Video-URL sollte bereitgestellt werden.


  • Typ: Bild
  • Erforderlich: Nein
  • Optionen: Hotspot aktiviert
  • Zweck: Thumbnail-Bild, das angezeigt wird, bevor das Video abgespielt wird
  • Best Practice: Verwenden Sie ein repräsentatives Bild, das den Videoinhalt klar widerspiegelt

  • Typ: String
  • Erforderlich: Nein
  • Zweck: Optionale Bildunterschrift bzw. kurzer Text unter dem Video
  • Beispiel:
    Kundentestimonial von unserem letzten Event

  • Typ: URL
  • Erforderlich: Nein
  • Zweck: Optionale URL, auf die die Bildunterschrift verlinkt (z. B. weiterführende Informationen oder Referenzseite)
  • Beispiel:
    Link zu einer Detailseite oder externen Referenz

  • Typ: Referenz (backgroundColor)
  • Erforderlich: Nein
  • Zweck: Legt die Hintergrundfarbe des Videos fest

  • Überschrift: Wie unser Service funktioniert
  • Beschreibung: Sehen Sie, wie unser Service in der Praxis funktioniert
  • Video:
    • Hochgeladene MP4-Datei oder
    • Direkte Video-URL
  • Poster-Bild: Thumbnail, das den Service oder Prozess repräsentiert

  • Videoformat: Verwenden Sie MP4 für maximale Browser-Kompatibilität.
  • Poster-Bild: Bieten Sie immer ein aussagekräftiges Thumbnail an.
  • Optimierung: Komprimieren Sie Videos für schnelles Laden ohne Qualitätsverlust.
  • Beschreibung: Fügen Sie Kontext hinzu, damit Benutzer wissen, was sie erwartet.
  • Überschrift: Halten Sie sie klar und beschreibend (max. 120 Zeichen).
  • Barrierefreiheit: Bieten Sie Untertitel oder Transkripte nach Möglichkeit an.

  • Flexible Quellen: Unterstützt hochgeladene Videos und externe URLs
  • Poster-Bild: Verbessert visuelle Präsentation und Engagement
  • Hotspot-Unterstützung: Bessere Kontrolle über Poster-Bild-Zuschneidung
  • Responsive: Video skaliert reibungslos über verschiedene Bildschirmgrößen
  • Semantisches Markup: Verwendet HTML5-Video-Elemente

  • Seiten (page)
    Serviceseiten, Über-Seiten und allgemeine Inhaltsseiten

  • Videos können direkt hochgeladen oder über URL eingebettet werden
  • Poster-Bild erscheint vor dem Abspielen
  • Hintergrundfarbe verweist auf das globale backgroundColor-Schema
  • Verwendet semantische HTML5-Video-Elemente für Barrierefreiheit
  • Videos sind für Web-Wiedergabe optimiert