Videos können ein starkes visuelles Element auf deiner Landing Page sein. Du kannst Videos in Onepage mit nur wenigen Klicks hinzufügen.
⚠️ Wichtig: Derzeit unterstützen wir keinen direkten Upload von Videos auf Onepage.
Stattdessen muss das Video auf einem Video-Portal gehostet werden. Derzeit unterstützen wir die folgenden Portale:
YouTube
Vimeo
Wistia
Facebook
YouTube Shorts
Twitch
Loom
TikTok
Falls du eine andere Plattform verwenden möchtest, gibt es immer die Möglichkeit, Video über Custom Code zu integrieren.
🎬 Am Ende des Artikels findest du unsere aktuelle Videoanleitung!
Video als ein Element hinzufügen
Die meisten Abschnitte in Onepage ermöglichen das Hinzufügen von Medien, einschließlich Videos.
Du kannst ein Video zu praktisch jedem Teil deiner Website hinzufügen, indem du die Abschnitte bearbeitest.
Schritt 1: Das Videoelement hinzufügen
Öffne das Bearbeitungsmenü. In dieser Liste findest du eine Reihe von Elementen. Gehe zu „+Hinzufügen“ und suche das Element „Video“.
Schritt 2: URL einfügen
Bitte die URL des Videos kopieren und hier einfügen:
Schritt 3: Das Video personalisieren
Unter dem Link findest du eine Reihe von Anzeigeoptionen.
Hier sind die am häufigsten genutzten Funktionen.
*Klicke auf die gewünschte Funktion, und eine kurze Erklärung wird angezeigt.
Autoplay
Autoplay
Bitte beachten: Wenn du die Autoplay-Funktion aktivierst, wird das Video automatisch stummgeschaltet und in einer Schleife abgespielt.
Kontrollflächen anzeigen
Kontrollflächen anzeigen
Die Kontrollelemente sind bei den Typen „Button“ und „Cover-bild“ standardmäßig aktiviert, nicht aber bei dem Typ „Eingebettet“. In diesem Fall muss die Option manuell aktiviert werden.
Schleife/Stummschalten
Schleife/Stummschalten
Standardmäßig wird das Video nicht als Schleife abgespielt oder stummgeschaltet, aber du kannst dies bei Bedarf ändern. Außerdem wird das Video automatisch in einer Schleife abgespielt und stummgeschaltet, wenn du es auf Autoplay einstellst.
In Pop-up öffnen
In Pop-up öffnen
Wenn du diese Option aktivierst, wird das Video nicht direkt auf der Seite abgespielt, sondern in einem Pop-up-Fenster geöffnet.
Cover festlegen
Cover festlegen
Mit dieser Einstellung kannst du ein eigenes Vorschaubild für dein Video festlegen. Dieses wird angezeigt, bevor das Video abgespielt wird.
Proportionen
Proportionen
Hier legst du das Seitenverhältnis des Videos fest, zum Beispiel 16:9 oder 1:1. Das hilft dir, das Video optimal in das Layout deiner Seite einzupassen.
Play-Button Design
Play-Button Design
Diese Option ermöglicht es dir, das Aussehen des Play-Buttons anzupassen
Dieser Bereich bietet verschiedene Designoptionen für den Play-Button an,
die wichtigsten davon sind:
Play-Button mit Text:
Play-Button mit Animation:
Video als Hintergrund eines Abschnittes
Es besteht die Option, ein Video als Hintergrund für einen Abschnitt zu verwenden.
Schritt 1: Die Einstellungen des Abschnitt-Hintergrundes finden
Schritt 2: Video URL hinzufügen
Schritt 3: Video personalisieren
Hier sind einige Optionen, die du nutzen kannst:
*Klicke auf die gewünschte Funktion, und eine kurze Erklärung wird angezeigt.
Parallax
Parallax
Mit dieser Funktion lässt sich das Video vergrößern. Es kann hilfreich sein, um schwarze Linien zu korrigieren, die erscheinen, wenn das Video nicht das passende Bildformat hat.
Fallbackbild
Fallbackbild
Diese Funktion fügt ein Bild hinzu, das kurz vor der Anzeige des Videos angezeigt wird. Es wird manchmal verwendet, um mögliche langsame Internetverbindungen der Endnutzer auszugleichen, die zu längeren Ladezeiten des Videos führen können.
Overlay
Overlay
Diese Funktion wird hauptsächlich für Designzwecke verwendet. Diese Funktion fügt dem Video entweder ein einfarbiges oder ein Farbverlaufs-Overlay hinzu. Die Farben werden durch die Projekteinstellungen festgelegt. Wenn du eine andere Farbe haben möchtest, ändere sie bitte in der „Design“ Sektion.
*Weitere Informationen findest du in diesem Artikel.
Integration von einem Video über Custom Code
Falls du eine Plattform nutzt, mit der wir keine direkte Integration in Moment anbieten, besteht immer die Option ein Video über Custom Code einzubauen.
In diesem Fall empfehlen wir den folgenden Artikel zu lesen;
🎬 Schaue dir gerne unsere Videoanleitung zu diesem Thema an:
💡Du hast Feedback zu diesem Hilfe-Artikel? Teile es gerne mit uns über den
Live-Chat oder an support@onepage.io, damit wir ihn auf dem neuesten Stand halten können. 🙂