In diesem Artikel erfährst du, welche Möglichkeiten es gibt, um Videos in eine Website einzubetten.
Inhaltsangabe
Einbetten von YouTube/Vimeo-Videos
Wir empfehlen dir, Videos über Plattformen wie YouTube und Vimeo einzubinden, denn diese Plattformen sind darauf ausgelegt und optimieren Videos entsprechend. Dein Website-Besucher profitiert dadurch von schnelleren Ladezeiten.
Du kannst im Editor ganz einfach YouTube- und Vimeo-Videos auf deiner Website einbetten. Da beide Plattform genau gleich eingebunden werden, demonstrieren wir den Ablauf nur an einem YouTube-Video.
Starte am besten mit einem Container-Element, denn damit hast du unter anderem die Möglichkeit, die Höhe und Breite des Containers (und damit des Videos) besser anzupassen.
Um einen Container hinzuzufügen, klicke auf die Elemente-Kategorie in der linken Sidebar und nutze Drag & Drop, um ihn an die gewünschte Position auf der Website zu setzen.
Öffne danach erneut die Elemente-Kategorie in der linken Sidebar und füge das YouTube-Element per Drag & Drop zum Container hinzu.
Sobald du das YouTube-Element eingefügt hast, siehst du ein Platzhalter-Video auf der Website. Um dein eigenes Video hier zu zeigen, ersetze den Link im Video-URL-Feld im linken Einstellungspanel.
Im linken Einstellungspanel findest du außerdem die folgenden Optionen:
- Seitenverhältnis: Bestimme die Seitenverhältnisse deines Videos
- Lazyload: Diese Einstellung bestimmt, ob das Video vorab oder erst nach Klicken der Wiedergabetaste geladen werden soll
- Steuerelemente anzeigen: Dadurch werden der Play Button, der Lautstärkeregler usw. aktiviert oder deaktiviert
- Ähnliche Videos: Wenn die Option aktiviert ist, wird nach dem Ende des Videos eine Liste von vorgeschlagenen Videos von YouTube angezeigt.
Videos über das Video-Element einbinden
Solltest du kein YouTube- oder Vimeo-Video einbinden wollen, kannst du selbstverständlich auch direkt Videos hochladen und einbinden - oder du nutzt die Stockvideos, die dir unter Dateien zur Verfügung stehen.
Auch hier raten wir dir dazu, mit einem Container-Element zu starten. Das findest du wie immer in der Elemente-Kategorie in der linken Sidebar. Sobald du das hinzugefügt hast, kannst du einfach das Video-Element aus der Elemente-Kategorie in den Container ziehen.
Wenn du möchtest, kannst du jetzt noch ein Vorschaubild hochladen bzw. aus den Stockfotos auswählen, falls das Video nicht sofort zu sehen sein soll.
Unter Verhalten kannst du noch die folgenden Einstellungen vornehmen:
- Automatisch abspielen: Das Video spielt sofort ab, ohne dass man auf Play drücken muss
- Stumm schalten: Das Video wird ohne Geräusche abgespielt
- Endlosschleife: Sobald das Video zu Ende ist, wird es von neuem abgespielt
- Steuerelemente: Hiermit kannst du bestimmen, ob Elemente wie der Play-Button, der Geräuschregler, etc. angezeigt werden
Tipp: Bevor du ein Video hochlädst, solltest du darüber nachdenken, es zu komprimieren und für die Verwendung auf deiner Website anzupassen. Dafür gibt es viele kostenlose Tools im Internet. Wenn du ein Video hochgeladen hast, das auf deiner Website nicht funktioniert, versuche bitte zunächst ein anderes Format. Die unterstützen Dateitypen des Editors sind MP4 und WebM.
Videos als Hintergrund
Wenn du Videos nicht direkt auf der Website präsentieren willst, kannst du sie auch als Hintergrund verwenden. Dafür findest du bei Container-Elementen den Tab Hintergrund. Hier hast du die folgenden Auswahlmöglichkeiten:
- Ohne: Kein Hintergrund
- Farbe/Verlauf: Du kannst entweder eine spezifische Farbe wählen oder einen Farbverlauf erstellen.
- Element: Du hast die Wahl zwischen unterschiedlichen Elementen wie einem Bild, einer Karte, einem Video oder HTML.
Für das Video wähle Element > Video (oder YouTube oder Vimeo, wenn du ein Video verlinken willst). Hier findest du wieder die Möglichkeit ein Video hochzuladen (oder über Stockvideos auszusuchen), ein Vorschaubild hochzuladen und weitere Einstellungen wie die Endlosschleife vorzunehmen.
Du kannst auch ein Farb-Overlay über das Video legen, wenn du bspw. noch einen Text auf dem Video zeigen möchtest, kann es hilfreich sein, wenn das Video etwas abgedunkelt wird.
Du kannst auch andere Einstellungen vornehmen. Bspw. kannst du über das Video noch einen Formtrenner anzeigen. Gehe dafür zum Container-Tab und scrolle runter zum Formtrenner-Abschnitt. Hier kannst du zwischen unterschiedlichen Formen wählen und die Breite, Höhe, Farbe, uvm. anpassen.
Kommentare
0 Kommentare
Zu diesem Beitrag können keine Kommentare hinterlassen werden.