Text + Video

 

 

 

Widget-Beispiel

Ein Beispiel dieses Widgets könnt ihr euch auf folgender Landingpage genauer ansehen:

https://showcase2.easytemplate360.de/Widget-TextVideo

Beschreibung

Analog zum https://solution360.atlassian.net/wiki/spaces/ET360V2/pages/3415244890 Widget kannst du hiermit ein zweigeteiltes Widget ausgeben, welches einen Textblock und ein Video beinhaltet.

  • Wie üblich könnt Ihr eine individuelle Überschrift platzieren.

  • Ebenfalls wie fast überall, könnt Ihr die Größe des gesamten Widgets setzen

  • In diesem Widget könnt Ihr eine individuelle Textüberschrift setzen

  • Der Textinhalt kann direkt als HTML-Code erfasst werden oder per WYSIWYG Editor.

  • Die Texthöhe pro Breakpoint, also ab welchen Wert der “Mehr anzeigen” Button angezeigt wird, kann als nächstes konfiguriert werden.

  • Ihr könnt einen Link-Typ zum Shop setzen, z.B. zu einem Hersteller oder Artikel mit bestimmten Merkmalen usw.

  • Dieser Link kann individuelle beschriftet werden.

  • Die Darstellung des Link, kann als Button oder als Textlink gesetzt werden.

  • In der Einstellung Layout könnt Ihr die Inhaltsreihenfolge steuern, ob zuerst der Text oder das Video gesetzt wird.

  • Die Ausrichtung des Textes kann Horizontal und Vertikal gesetzt werden.

  • Letztendlich könnt Ihr auch hier individuelle Farben in dem Widget setzen.

 

Eine Beispielansicht im Frontend

  • In diesem Beispiel haben wir rechts ein Textfeld und links das Video eingefügt (das geht aber auch anders herum), die Hintergrundfarbe haben wir in grau angepasst und die Textfarbe in schwarz.

  • Am Ende des Textfeldes haben wir eine Verlinkung “Alles über uns” zu einer weiteren Internetseite gesetzt.

 

Dazu die Ansicht im Backend

  • In diesem Beispiel haben wir eine Textüberschrift erstellt “Alles übers easyTemplate” und einen passenden Textinhalt erstellt (die Bearbeitung siehe Screenshot) und beides Mittig ausgewählt.

  • Wir haben dem Textfeld einen Link “Alles über uns” eingefügt. Zu einer anderen Interseite “Wir über uns” weiter geleitet, diesen haben wir individuell gestaltet und die Schriftart angepasst.

  • Bei unserem Beispiel haben wir die Funktion “Loop” gesetzt, das heißt, dass das Video in Endlosschleife abspielt.

  • Als Quelle für das Video haben wir YouTube ausgewählt.

 

 

Zu den Videoeinstellungen

  • Ihr könnt die Quelle des Videos auswählen.

  • Bei Videos eines Videoproviders müsst Ihr die ID hinterlegen

  • Das Seitenverhältnis des Videos kann gewählt werden, z.B. 16:9

  • Mit Zeit-Offset könnt Ihr bestimmen, wo das Video starten soll. Der Wert wird in Sekunden angegeben. Somit kann man Pausen, Intros usw. am Anfang überspringen oder zu einer bestimmten Stelle im Video springen

  • Aktiviert man den automatischen Start, startet das Video wie der Name der Einstellung schon sagt, automatisch beim Seitenaufruf.

  • Die Loop Funktion, kann dafür sorgen, dass das Video als Endlosschleife läuft.

  • Ihr könnt das Video auch stumm schalten. Dafür aktiviert Ihr “Audio stumm”.

  • Wenn Ihr Steuerungselemente im Videoplayer angezeigt bekommen wollt, muss hier die Player-Kontrollelemente aktivieren.

  • Bei Videoportalen ist es meistens so, das empfohlene Videos am Ende vorgeschlagen werden. Ihr könnt dies aktivieren. Standardmäßig ist diese deaktiviert.