Laden Sie Videos in Elementor hoch und verwalten Sie sie

Wenn die Homepage eines Unternehmens kein kurzes Erklärvideo enthält, wird es als veraltet und langweilig angesehen. Es ist heutzutage sehr selten, auf eine Website zu stoßen, auf der kein kurzes Video zu sehen ist. Die Aufnahme kurzer Videos erfordert die Notwendigkeit dieses Artikels, da in diesem Artikel erläutert wird, wie Videos in Elementor verwaltet werden. In diesem Artikel haben wir das Video-Widget und die Video-Hintergrundoptionen erweitert.

Selbst gehostete und Dailymotion-Videounterstützung

In Elementor können Sie nicht nur Videos von YouTube und Vimeo einbetten, sondern jetzt auch selbst gehostete HTML5- und Dailymotion-Videos einbinden.

Vorteile von selbst gehosteten Videos:

  • Datenschutz und Kontrolle: Angesichts der DSGVO und anderer datenschutzrelevanter Probleme ist es umso wichtiger geworden, selbst gehostete Videos zu haben. Sie können den Inhalt dieser Videos steuern.
  • Eigentum: Selbst gehostete Videos helfen Ihnen dabei, sich nicht auf Inhalte zu verlassen, die andere erstellen. Mit Ihrem Video sind Sie zu 100% sicher, dass es keine Urheberrechtsprobleme gibt. Es besteht auch kein Risiko, dass Videos gelöscht werden.
  • Personalisierung: Beim Selbsthosting enthält Ihr Video keine Logos oder externen Links. Auf diese Weise können Sie qualitativ hochwertige Inhalte einbinden, die professioneller aussehen. Ihre Videos können sehr hilfreich sein, um die Besucher Ihrer Website zu motivieren.
  • UX: Selbst gehostete Videos stellen sicher, dass Ihren Besuchern keine Anzeigen oder vorgeschlagenen Videos angezeigt werden. Sie werden nicht abgelenkt oder an Ihre Konkurrenten weitergeleitet (durch vorgeschlagene / empfohlene Videos).

Start- und Endzeit für Video-Widget und Hintergrund

Sie können auf unterstützten Plattformen einen Start- und einen Endpunkt für das Video-Widget festlegen. Sie können auch den Videohintergrund auswählen, sodass nur der ausgewählte Teil des Videos abgespielt wird. Mit Hilfe dieser Funktion können Sie den relevanten Teil des Videos sehr einfach schleifen. Sie können den ausgewählten Inhalt Ihren Besuchern in einer Schleife anzeigen.

Bescheidenes Branding

Wenn Sie beispielsweise ein Video von YouTube eingebettet haben, das YouTube-Logo jedoch ausblenden möchten, können Sie "Modest Branding" auswählen, um das Logo aus dem eingebetteten Youtube-Video auszublenden.

Fügen Sie Elementor einen Videohintergrund hinzu

In diesem Abschnitt erfahren Sie, wie Sie Elementor ein Video hinzufügen:

Drücken Sie den Elementor-Editor und navigieren Sie zum Bedienfeld. Suchen Sie von hier aus nach "Video" und ziehen Sie das Video-Widget hinein.

  • Elementor> panel> suche 'video'> ziehe 'video widget'
  • Wählen Sie unter "Video"> "Quelle" entweder "YouTube", "Dailymotion", "Vimeo" oder "Selbst gehostet".
  • Fügen Sie als Nächstes einen Link zum Video hinzu. Wenn das Video selbst gehostet wird, können Sie es entweder über die Medienbibliothek oder über eine externe URL hochladen.
  • Wenn ein bestimmter Teil des Videos abgespielt werden soll, können Sie eine Start- und eine Endzeit auswählen.
  • Sie können auch eine Miniaturansicht Ihrer Wahl hinzufügen, indem Sie eine Bildüberlagerung hinzufügen.

Verbesserte mobile Bearbeitung

Ändern Sie die Haltepunkte für Mobilgeräte und Tablets

Stcky videos.png

Seit langem möchten die Menschen die Freiheit haben, Haltepunktwerte für Videos auf Mobilgeräten und Tablets zu haben. Gute Nachrichten!! Die Lösung ist hier.

Nach dem Hinzufügen des Videos können Sie, wie im obigen Abschnitt gezeigt, die Werte der Tablet- und Mobile-Haltepunkte für Elementor ändern. Mithilfe der revolutionären Haltepunktfunktion können Sie Ihre Site so anpassen, dass sie auf Breitbildcomputern, Laptops, Tablets oder kleinen mobilen Bildschirmen angepasst werden kann.

Navigieren Sie zum Ändern der Haltepunktwerte zu:

Elementor Dashboard> Einstellungen> Stil und geben Sie die neuen Werte für 'Tablet Breakpoint' und 'Mobile Breakpoint' ein.

Und voila !!!

Sie haben es rechtzeitig getan.

WP CLI-Integration

2.png

Die Befehlszeilenschnittstelle für WordPress, WP-CLI, ist ein Open-Source-Projekt, das eine Befehlszeilenschnittstelle für eine Vielzahl von Aktionen bietet, die Sie möglicherweise im WordPress-Administrator ausführen. Entwickler sind damit ziemlich vertraut.

Mit einer WP-CLI können Sie also eine lange Liste von Aufgaben von einem zufälligen Terminal aus ausführen. Auf diese Weise müssen Sie sich nicht am Admin-Terminal anmelden.

Elementor wird jetzt mit integrierter WP-CLI geliefert. Mit dieser Integration von WP-CLI können Sie die folgenden Aufgaben über die Befehlszeile ausführen:

  • flush_css - Leert den CSS-Cache des Elementor Page Builder
  • Sync-Bibliothek - Sync Elementor Library
  • URLs ersetzen - Ersetzen Sie alte URLs auf allen Elementor-Seiten durch neue URLs
  • Lizenz aktivieren oder deaktivieren - Aktivieren oder deaktivieren Sie Ihre Pro-Lizenz
  • import-library - Importiert Vorlagendateien in die Bibliothek

Weitere CLI-Befehle werden in Zukunft für Elementor hinzugefügt.

Gutenberg Inklusion

3.png

In den kommenden Monaten wird Gutenberg ebenfalls in den Kern aufgenommen, was Elementor zu einem vollständigen Paket macht.

Mit dem Start von Gutenberg wird Elementor für alle Elementor-Benutzer sogar reibungslos funktionieren.

Mit Version 2.1 ist es einfach, zwischen Gutenberg und Elementor zu wechseln, da Sie in Gutenberg die immer bekannte Schaltfläche "Mit Elementor bearbeiten" verwenden.

Sticky Video von UAE

Stellen Sie sich vor, Sie scrollen durch eine Seite und der Videoinhalt bewegt sich nach links oder rechts oder bleibt einfach unbeweglich.

Es muss ein frustrierender Anblick sein.

Aber nicht mehr. Da die erstaunliche Funktion von Sticky Video aus den Vereinigten Arabischen Emiraten das Video beim Scrollen an der Seite kleben lässt, bedeutet dies, dass Ihr Video an der linken oder rechten Seite des Browserfensters schwebt. Mit der Sticky-Video-Funktion bleibt das Video zusammen mit dem Textinhalt im Fokus, wenn der Besucher scrollt, um den Inhalt zu lesen.

Wie mache ich ein Video klebrig?

VAE hat diese Funktionalität elegant und einfach gemacht. Um das Video sticky zu machen, können Sie einfach das Sticky Video aktivieren, um unter Inhalt (Registerkarte) > Sticky Video-Einstellung umzuschalten.

Es gibt verschiedene Ausrichtungsoptionen für das Video in einer Sticky-Video-Funktion. Navigieren Sie zur Aktionsleiste und zu den Einstellungen, um jeden Aspekt des Sticky-Videos zu steuern. Die wichtigsten Funktionen sind nachstehend aufgeführt:

  • Video Größe
  • Eine Vielzahl von Ausrichtungsoptionen für klebriges Video an den Rändern
  • Verwalten Sie den Videoabstand und -stil.
  • Fügen Sie einen Hintergrund für das Video hinzu
  • Zeigen Sie die Beschreibung des Videos mithilfe der Info-Leiste an
  • Reaktionsschnelle Unterstützung
  • Ziehen Sie ein klebriges Video über das Fenster im Frontend
  • Schließen Sie Schaltflächenanpassungen

Video Größe

Sie können die Höhe und Breite des Videos anpassen, indem Sie die Breite des Videos in px angeben. Die Videoanzeige wird gemäß dem für das Video festgelegten Seitenverhältnis angewendet. Sie können das Seitenverhältnis für Videos über Inhalt (Registerkarte)> Video steuern.

Beispiel: Wenn Sie ein Verhältnis von 16: 9 eingestellt haben, gelten die Sticky-Video-Abmessungen gemäß dem ausgewählten Verhältnis.

Klebrige Ausrichtung

Sie können die Ausrichtung verwalten, dh die Position des klebrigen Videos über die Fensterränder hinweg. Das Video kann wie folgt positioniert werden:

  • Oben rechts
  • Oben links
  • Unten rechts
  • Unten links
  • Mitte rechts
  • Mitte links

Videoabstand

Sie können den Abstand von der Kante ändern , um den Abstand um das Video herum zu steuern. Der Abstand wird entsprechend der ausgewählten klebrigen Ausrichtung angewendet.

Bei der Ausrichtung unten links gilt der Abstand beispielsweise nur vom unteren und linken Rand des Videos.

Hintergrundgröße und -stil

Das Beste an klebrigen Videos in den VAE ist, dass Sie dem Video den Hintergrund Ihrer Wahl hinzufügen können. Sie können auch die Größe und Farbe des Hintergrunds auswählen.

Hintergrundgröße und style.png

Info Bar

Zu jeder Art von Videometadaten gibt es eine kleine Beschreibung. Mit der Option "Sticky Video" in den VAE können Sie unter dem Sticky Video informativen Text hinzufügen. Sie können jedes Sticky-Video beschreiben, in dem die Informationen zum aktuell wiedergegebenen Video angezeigt werden.

Mit der Info-Leiste können Sie auch die Farbe, Hintergrundfarbe, Typografie und Auffüllung des Videos steuern. Das Textfeld unterstützt HTML-Inhalte. Sie können den benutzerdefinierten Stil auch auf den Inhalt der Info-Leiste anwenden.

info bar.png

Verwalten Sie Sticky-Videos auf reaktionsschnellen Geräten

Es besteht die Möglichkeit, das Sticky-Video auf reaktionsfähigen Geräten auszublenden. Sie können verschiedene Geräte auswählen, auf denen Sie das Sticky-Video ausblenden möchten.

Ziehen Sie irgendwo auf den Bildschirm

Mit dieser Funktion können Sie den Videobildschirm an eine beliebige Stelle ziehen. Sie können einfach auf das Video klicken und es ziehen, um es an einer beliebigen Stelle im Ansichtsfenster zu platzieren. Das Sticky-Video der VAE unterstützt die Funktion, es standardmäßig an eine beliebige Stelle zu ziehen.

Hinweis : Mobile Geräte und der Backend-Editor des Elementor unterstützen die Drag-Funktion nicht.

Schließen Sie die Schaltfläche

Sie können die Schaltfläche zum Schließen für das Sticky-Video aktivieren / deaktivieren. Es stehen auch Steuerelemente zur Verfügung, mit denen Sie den Stil der Schaltfläche zum Schließen verwalten können.

close button.png

Fazit

Mithilfe der Sticky-Video-Funktionen der VAE können Sie Ihre Sticky-Videos nach Ihren Wünschen gestalten und ändern. Das plugin macht den gesamten Vorgang ziemlich einfach. Es ist eine sehr elegante Lösung, um den grafischen Inhalt Ihrer Website zu bereichern. Erstellen Sie weiterhin erstaunliche, klebrige Videos auf Ihrer Website und binden Sie Ihre Besucher auf Ihre Webseite ein, auch wenn sie Ihre Seiten scrollen.

Hinterlasse einen Kommentar

Deine Email-Adresse wird nicht veröffentlicht. Pflichtfelder sind markiert *