Elementor Video Background benutzen – So geht es

Inhalt

Sie wollen einen Elementor Video Background benutzen? Wir zeigen Ihnen, wie Sie ein Video als Hintergrund einstellen können.

Einen Elementor Video Background zu benutzen, kann Ihrer Seite einen dynamischen und sehr anschaulichen Touch geben. Gut umgesetzt entsteht hierbei ein Effekt, der der bei Ihren Besuchenden im Gedächtnis bleiben wird.

Wir erklären Ihnen, wie Sie diesen Effekt in Elementor umsetzen können und worauf Sie dabei achten sollten, damit der Effekt nicht nach hinten losgeht.

So benutzen Sie den Elementor Video Background

Zunächst loggen Sie sich im Backend Ihrer WordPress-Seite ein und öffnen die Seite oder das Elementor Template, welches den Video-Effekt erhalten soll, im Elementor-Editor.

Wählen Sie hier zunächst den Container aus, der den Video Background erhalten soll. Gehen Sie hierzu auf das Container-Element und dort in den Reiter „Stil“. Hier wählen Sie nun bei „Hintergrund“ als Background Type „Video“ aus.

Einstellungen im Elementor Container für Video Hintergründe
Diese Einstellungen gibt es für Elementor Video Backgrounds

Anschließend erscheinen mehrere Möglichkeiten für die Einbindung des Videos. Fügen Sie zunächst den Link zum Video ein, welches in Elementor als Hintergrund eingebunden werden soll.

Danach können Sie zusätzlich die Startzeit sowie die Endzeit festlegen, welche vom Video benutzt werden sollen. Außerdem können Sie hier ebenso festlegen, ob das Video in Dauerschleife oder nur einmalig gespielt werden soll, als auch ob das Video auf mobilen Geräten.

Zudem können Sie hier den privaten Modus für das Video einstellen. Diese Option wirkt sich jedoch nur auf Videos aus, die von YouTube aus eingebunden werden.

Die letzte Option, die Sie hier finden, ist der sogenannte „Background Fallback“. Hier können Sie ein Bild hochladen, welches anstelle des Videos angezeigt wird, wenn es beim Abspielen des Videos Probleme gibt.

Video Background farblich anpassen

Gehen Sie im Container im Reiter „Stil“ auf die Einstellungen zur „Hintergrund Überlagerung“, dann können Sie hier noch farbliche Einstellungen für Ihr Video vornehmen.

Beispielsweise können Sie hier das Video abdunkeln, um es etwas dezenter auf Ihrer Webseite aussehen zu lassen. Probieren Sie an dieser Stelle am besten mit den Einstellungen etwas herum, um ein optimales Ergebnis zu erzielen.

Worauf muss ich beim Einbinden eines Video Backgrounds achten?

Mobile Elementor Video Backgrounds: Wenn Sie das Video mobil ausliefern, dann kann es sein, dass dieses nicht auf allen mobilen Geräten abgespielt wird. Nicht alle mobilen Browser unterstützen diese Funktion, beziehungsweise deaktivieren sie teilweise.

Außerdem können mobile Geräte, bei denen der Stromsparmodus aktiviert ist, das Abspielen des Videos ebenfalls deaktivieren.

Quelle des Videos: Als Quelle zur Einbindung Ihres Videos können Sie sowohl auf YouTube- als auch auf Vimeo-Videos zurückgreifen. Binden Sie lokale Videos ein, dann wird von Elementor als Format hierfür mp4 empfohlen.

Sie sollten nach Möglichkeit immer lokale Videos einbinden und auf die Nutzung von Videos auf YouTube und Vimeo verzichten. Dies kann zum einen die Geschwindigkeit, in der Ihr Video geladen wird, erhöhen und garantiert Ihnen auch, dass das Video nicht urplötzlich von einer der Plattformen verschwindet.

Titel und verwandter Inhalt bei YouTube-Videos: Binden Sie ein YouTube-Video ein, dann wird zum Start des Videos der Titel des Videos kurz eingeblendet. Nutzen Sie ein Video nicht in Dauerschleife, können zudem verwandte Videos am Ende der Einblendung angezeigt werden.

Diese Einstellungen werden in der Form direkt von YouTube ausgespielt. Sie und das Team von Elementor haben leider keine Möglichkeit, diese Einstellungen zu deaktivieren. Nutzen Sie alternativ ein lokales Video, um dieser Problematik zu entgehen.

Rechtliche Aspekte: Achten Sie bei der Einbindung von Videos darauf, dass Sie die Rechte an dem Video besitzen beziehungsweise darauf, dass Sie die Lizenz zur Nutzung des Videos besitzen.

Neben der Einbindung eines Videos als Hintergrund, bringt Elementor noch viele weitere Möglichkeiten mit, um eine dynamische und ansprechende Seite zu erstellen. Ein nicht zu unterschätzendes Feature ist dabei die Nutzung von dynamischen Attributen in Elementor, mit der Sie vor allem in Kombination mit Templates starke Ergebnisse erzielen können.

Info

Januar 12, 2025

weitere Artikel
Brauchst du Hilfe?

Benötigst du Hilfe bei der Umsetzung, der Korrektur oder Optimierung deiner WordPress Seite?

Nimm gerne mit uns Kontakt auf und wir schauen, wie wir dir behilflich sein können!

Teile deinen Fund!

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert