Als ich das erste Mal versuchte, ein Vimeo-Video in WordPress einzubetten, musste ich mich mit dem Standardplayer begnügen und hatte keine einfache Möglichkeit, das Aussehen zu ändern oder eine benutzerdefinierte Miniaturansicht hinzuzufügen. Dann fand ich heraus, dass es zwei bessere Möglichkeiten gibt: Fügen Sie den Vimeo-Link für eine schnelle Einbettung ein, oder verwenden Sie SeedProd, um ein Leuchtkasten-Popup mit Ihrem eigenen Design, Autoplay-Einstellungen und Branding zu erstellen.
In diesem Leitfaden zeige ich Ihnen genau, wie Sie beides tun können, damit Ihre Videos gut aussehen und die Besucher zum Zuschauen animieren.
Schnelle Schritte zum Einbetten von Vimeo-Videos in WordPress:
- Schritt 1. Installieren und Aktivieren von SeedProd
- Schritt 2. Erstellen Sie ein benutzerdefiniertes Seitenlayout für Ihre Vimeo-Einbettung
- Schritt 3. Fügen Sie den Video-Popup-Block hinzu und wählen Sie Vimeo als Quelle
- Schritt 4. Vimeo-Player-Einstellungen und Leuchtkasten-Optionen anpassen
- Schritt 5. Veröffentlichen Sie Ihre WordPress-Seite mit dem eingebetteten Vimeo
Kann man ein Vimeo-Video in WordPress einbetten?
Ja, Sie können ein Vimeo-Video in WordPress einbetten. Standardmäßig verfügt WordPress über eine Funktion zum automatischen Einbetten, mit der Sie Ihre Video-URL kopieren und einfügen können, um sie in einem beliebigen Beitrag oder auf einer beliebigen Seite anzuzeigen.
Wie bei vielen Standardfunktionen von WordPress sind die Anpassungsmöglichkeiten jedoch begrenzt. Sie können die Optionen für den Videoplayer nicht einfach bearbeiten, keine benutzerdefinierten Miniaturbilder hinzufügen oder das Video beim Scrollen auf der Seite "haften" lassen.
Hier kann dieser Leitfaden helfen.
Wir zeigen Ihnen, wie Sie ein einfaches Page-Builder-Plugin verwenden können, um Vimeo-Video-Popups auf jeder WordPress-Seite einzubetten. Außerdem zeigen wir Ihnen, wie Sie die WordPress-Funktion zum automatischen Einbetten überall auf Ihrer Website nutzen können.
Warum Vimeo-Videos in WordPress verwenden?
Vimeo ist bekannt für seine hochwertige Wiedergabe, minimale Komprimierung und professionellen Präsentationsoptionen. Wenn Sie möchten, dass Ihre Videos auf Ihrer WordPress-Website scharf aussehen und reibungslos geladen werden, ist Vimeo eine gute Wahl.
Hier sind ein paar Gründe, warum ich Vimeo-Einbettungen oft anderen Plattformen vorziehe:
- Bessere Videoqualität: Vimeo unterstützt höhere Bitraten und Auflösungen, ohne störende Werbung hinzuzufügen.
- Benutzerdefiniertes Branding: Ändern Sie die Farben des Players, entfernen Sie das Vimeo-Logo und fügen Sie Ihre eigenen Aufrufe zum Handeln hinzu.
- Erweiterte Datenschutzkontrollen: Beschränken Sie die Wiedergabe auf Ihre Domain oder schützen Sie Videos mit einem Passwort.
- Schnellere Ladezeiten: Verlagert das Videohosting auf die Server von Vimeo, damit Ihre Website schlank bleibt.
- Kreative Kontrolle: Verwenden Sie benutzerdefinierte Miniaturansichten, Startzeiten und Lightbox-Popups für ein maßgeschneidertes Anzeigeerlebnis.
Wenn sie in WordPress eingebettet sind, verbessern Vimeo-Videos nicht nur die visuelle Attraktivität, sondern können auch dazu beitragen, dass Besucher länger auf Ihrer Website bleiben, was sich positiv auf das Engagement und die Suchmaschinenoptimierung auswirkt.
Inhaltsübersicht
Wie man ein Vimeo-Video in WordPress mit einem Lightbox-Popup einbettet
Das Einbetten von Vimeo-Videos ist mit SeedProd, dem besten Drag-and-Drop-WordPress-Website-Builder, ganz einfach. Mit über 1 Million Nutzern können Sie individuelle WordPress-Themen und Seitenlayouts erstellen, ohne Code zu schreiben.
Sie können mit einer vorgefertigten Vorlage beginnen und jede Seite mit visuellen Bausteinen anpassen, um sie nach Ihren Vorstellungen zu gestalten.
Und Vimeo-Video-Popups? Mit dem Video-Popup-Block können Sie diese mühelos einbetten.
Durch einfaches Ziehen, Ablegen, Zeigen und Klicken können Sie Vimeo-Lightbox-Popups im Vollbildmodus an beliebiger Stelle anzeigen, ohne dass ein Video-Einbettungscode in Sicht ist.
Folgen Sie der nachstehenden Schritt-für-Schritt-Anleitung, um zu erfahren, wie das geht.
Schritt 1. Installieren und Aktivieren von SeedProd
Zunächst müssen Sie das SeedProd-Plugin installieren und aktivieren.
Obwohl eine kostenlose Version von SeedProd verfügbar ist, empfehlen wir die Verwendung von SeedProd Pro, um Zugang zu mehr Vorlagen und Blöcken zu erhalten, einschließlich des Video Popup-Blocks.
Nachdem Sie Ihren Plan ausgewählt und das Plugin auf Ihren Computer heruntergeladen haben, folgen Sie diesen Anweisungen, um SeedProd auf Ihrer WordPress-Website zu installieren. Sie zeigen Ihnen auch, wie Sie Ihren Plugin-Lizenzschlüssel aktivieren.
Schritt 2. Erstellen Sie ein benutzerdefiniertes Seitenlayout für Ihre Vimeo-Einbettung
Sobald das Plugin aktiviert ist, können Sie den Drag-and-Drop-Seitenersteller verwenden, um individuelle WordPress-Layouts zu erstellen.
Wenn Sie Ihr aktuelles WordPress-Theme ersetzen möchten, können Sie mit dem Theme Builder ein neues Theme von Grund auf erstellen.
Sie können jeden Teil Ihrer Website erstellen, einschließlich einer benutzerdefinierten Kopfzeile, Fußzeile, Seitenleiste, Startseite, Blogseite und mehr. In unserem Leitfaden erfahren Sie, wie Sie ein benutzerdefiniertes WordPress-Theme erstellen können.
Alternativ können Sie auch einzelne Seiten mit dem Landing Page Builder erstellen, was wir in diesem Leitfaden tun werden.
Navigieren Sie in Ihrem WordPress-Admin zu SeedProd " Landing Pages und klicken Sie auf die Schaltfläche Add New Landing Page.
Durchsuchen Sie als Nächstes die responsiven Landing Page-Vorlagen, um eine zu finden, die genau dem Typ der Seite entspricht, die Sie erstellen möchten. Um die Suche zu erleichtern, klicken Sie oben auf die Registerkarten, um sie nach Kampagnentyp zu filtern.
Wenn Sie eine gefunden haben, bewegen Sie den Mauszeiger über die Vorlage und klicken Sie auf das Häkchensymbol, um sie auszuwählen.
Es erscheint nun ein Fenster, in dem Sie den Namen und die URL Ihrer Seite eingeben können. SeedProd generiert die URL automatisch, aber Sie können sie ändern, indem Sie darauf klicken und eine neue eingeben.
Klicken Sie auf die Schaltfläche Speichern und mit der Bearbeitung der Seite beginnen, wenn Sie mit diesen Details zufrieden sind.
Schritt 3. Fügen Sie den Video-Popup-Block hinzu und wählen Sie Vimeo als Quelle
Ihre gewählte Vorlage wird nun im Drag-and-Drop-Editor geöffnet. Hier sehen Sie eine Live-Vorschau Ihrer Seite auf der linken Seite, Blöcke und Abschnitte auf der rechten Seite sowie Rückgängig-, Wiederherstellungs- und Vorschauoptionen in der unteren Symbolleiste.
Sie können jeden Teil der Vorlage ändern, indem Sie auf einen Block in der Live-Vorschau klicken. Wenn Sie darauf klicken, werden die Einstellungen des Blocks in der linken Seitenleiste angezeigt, wo Sie den Inhalt, die Ausrichtung, die Schriftgröße und mehr ändern können.
Um der Seite neue Inhalte hinzuzufügen, wählen Sie einen Block aus der linken Seitenleiste und ziehen Sie ihn auf die Vorschau. Von dort aus können Sie den Inhalt des Blocks einfach an Ihre Bedürfnisse anpassen.
Sie sehen die Änderungen in Echtzeit, während sie passieren. So müssen Sie nicht mehr zwischen Back- und Frontend Ihrer Website wechseln, um zu sehen, wie sie aussieht.
Dazu fügen wir den Video-Popup-Block in die Seite ein.
In diesem Block wird standardmäßig ein YouTube-Video angezeigt. Sie können dies in den Blockeinstellungen leicht ändern, indem Sie auf das Dropdown-Menü "Quelle" klicken und die Option Vimeo auswählen.
Hinweis: Mit diesem Block können Sie auch eine Videodatei in WordPress hochladen.
Schritt 4. Vimeo-Player-Einstellungen und Leuchtkasten-Optionen anpassen
Fügen Sie nun Ihre Vimeo-URL ein. Sie können die Startzeit des Videos in Sekunden angeben, wenn Sie möchten.
Unterhalb dieses Abschnitts befinden sich die Videoeinstellungen, die Sie aktivieren oder deaktivieren können:
- Autoplay
- Stummschalten
- Schleife
- Video-Player-Steuerung
- Datenschutz-Einstellungen
- Intro-Titel
- Intro-Porträt
- Intro-Titel
- Klebriges Video
Sie können auch die Farben der Vimeo-Player-Steuerung ändern, indem Sie eine benutzerdefinierte Farbe aus der Palette auswählen.
Öffnen wir nun die Registerkarte Bildüberlagerung. Wenn Sie diese Option aktivieren, können Sie ein eigenes Miniaturbild für Ihr Video festlegen.
Klicken Sie einfach auf die Schaltfläche "Eigenes Bild verwenden" und laden Sie ein Thumbnail von Ihrem Computer oder Ihrer WordPress-Mediathek hoch.
Sie können dasselbe für das Symbol für die Videowiedergabe tun, indem Sie ein benutzerdefiniertes Symbol auswählen und dessen Größe, Farbe und Deckkraft ändern.
Zu guter Letzt gibt es noch die Option Leuchtkasten aktivieren. Wenn Sie diese Option aktivieren, können die Nutzer Ihr Video in einem Vollbild-Lightbox-Popup ansehen.
Dies ist eine hervorragende Möglichkeit, um Ablenkungen zu vermeiden und sich auf die Ansprache Ihres Publikums zu konzentrieren.
Schritt 5. Veröffentlichen Sie Ihre WordPress-Seite mit dem eingebetteten Vimeo
Wenn Sie mit den Optionen für die Videoeinbettung zufrieden sind, klicken Sie in der oberen rechten Ecke des Bildschirms auf Speichern und wählen Sie dann die Option Veröffentlichen.
Jetzt können Sie eine Vorschau der Seite anzeigen und Ihr eingebettetes Vimeo-Video in Aktion sehen.
Und wenn Sie auf das Video klicken, öffnet sich ein Video-Popup.
Möchten Sie Vimeo-Videos zu Ihrer WordPress-Seitenleiste hinzufügen? Sehen Sie sich diese Anleitung zum Erstellen einer benutzerdefinierten Seitenleiste in WordPress an und folgen Sie den gleichen Schritten wie oben, um den Video-Popup-Block hinzuzufügen.
Weitere Tipps zur Anpassung und Formatierung finden Sie in diesem Leitfaden zur Erstellung einer Landing Page in WordPress.
Wie man ein Vimeo-Video in WordPress ohne Plugins einbettet
Manchmal möchten Sie vielleicht ein einfaches, schnörkelloses Video auf Ihrer Website einfügen, z. B. in einem Blogbeitrag. Da die meisten Seitenerstellungsprogramme nur für Seiten funktionieren, ist die WordPress-Einbettungsfunktion die einfachste Option.
Sie können dies auf 2 Arten tun: mit der automatischen Einbettungsfunktion oder mit den WordPress-Einbettungsblöcken.
Hier erfahren Sie, wie Sie die Funktion zum automatischen Einbetten verwenden:
Methode 1: Einfügen der Vimeo-Video-URL in den WordPress-Editor
Erstellen oder bearbeiten Sie zunächst einen WordPress-Beitrag oder eine Seite. Fügen Sie dann die URL Ihres Vimeo-Videos in den Inhaltseditor ein.
WordPress wird das Vimeo-Video in wenigen Sekunden automatisch einbetten und anzeigen.
Methode 2: Verwenden Sie den Vimeo Embed Block in WordPress
Alternativ können Sie auch auf das Plus-Symbol klicken, um einen neuen Block hinzuzufügen, und dann auf den Block Vimeo Embed klicken.
Fügen Sie dann Ihren Videolink ein und klicken Sie auf die Schaltfläche Einbetten.
Nach der Veröffentlichung des Beitrags oder der Seite können Sie eine Vorschau anzeigen, um Ihre Änderungen zu sehen.
FAQs zum Einbetten von Vimeo-Videos
Wie verweise ich auf ein Vimeo-Video?
Um einen Link zu einem Vimeo-Video zu erstellen, klicken Sie auf die Schaltfläche "Teilen" und kopieren Sie die URL des Videos. Sie können diese URL dann in Ihre Website einfügen.
Was ist eine eingebettete Video-URL?
Eine eingebettete Video-URL ist ein Video, das direkt zu einer Website hinzugefügt wurde, im Gegensatz zu einem Video, das von einer Social-Media-Website stammt. Zum Beispiel die Video-URL, die auf Ihrer WordPress-Website eingebettet ist, und nicht die Quelle auf Vimeo.com.
Kann man Vimeo-Showcase in WordPress einbetten?
Wenn Sie Vimeo-Videos in Ihrer WordPress-Seitenleiste präsentieren möchten, können Sie den WordPress-Vimeo-Einbettungsblock verwenden. Alternativ können Sie auch den Code zum Einbetten von Videos kopieren und in einen HTML-Block einfügen.
Wie kann ich ein Vimeo-Video ohne iFrame einbetten?
Um ein Vimeo-Video ohne iFrame einzubetten, gehen Sie auf die Webseite des Videos und klicken Sie auf die Schaltfläche Teilen. Klicken Sie in dem Popup-Fenster auf den Text +Optionen anzeigen, scrollen Sie dann nach unten und ändern Sie die Größe auf "Responsive". Dadurch wird der iFrame aus dem HTML-Code entfernt.
Kopieren Sie dann den Code und fügen Sie ihn in ein HTML-Widget auf Ihrer Website ein.
Vimeo-Videos noch heute in WordPress einbetten
Wir hoffen, dass diese Anleitung Ihnen geholfen hat zu lernen, wie man ein Vimeo-Video in WordPress einbettet. Ganz gleich, ob Sie sie als Willkommensnachricht, als Intro für ein Webinar oder zur Förderung einer neuen Produkteinführung verwenden, die Schritte in diesem Leitfaden decken alles ab, was Sie brauchen.
Weitere Video-Hilfsmittel finden Sie auch in den folgenden Tutorials und Showcases:
- Wie man YouTube-Videos in WordPress einbettet
- Wie man Videos in WordPress online verkauft
- 8 beste WordPress Video Plugins
- Wie man Facebook-Videos in WordPress einbettet
- Wie man eine Video-Landingpage in WordPress erstellt
Vielen Dank fürs Lesen! Wir würden uns freuen, Ihre Meinung zu hören. Bitte beteiligen Sie sich an der Konversation auf YouTube, X und Facebook, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.
