Als ich zum ersten Mal versuchte, ein Vimeo-Video in WordPress einzubetten, war ich auf den Standard-Player beschränkt und hatte keine einfache Möglichkeit, das Aussehen zu ändern oder ein benutzerdefiniertes Thumbnail hinzuzufügen. Da entdeckte ich, dass es zwei bessere Optionen gibt: Fügen Sie den Vimeo-Link für eine schnelle Einbettung ein oder verwenden Sie SeedProd, um ein Lightbox-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 professionell aussehen und die Besucher zum Weiterschauen anregen.
Schnelle Schritte zum Einbetten von Vimeo-Videos in WordPress:
- Schritt 1. SeedProd installieren und aktivieren
- 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 aus
- Schritt 4. Passen Sie die Vimeo-Player-Einstellungen und Lightbox-Optionen an
- Schritt 5. Veröffentlichen Sie Ihre WordPress-Seite mit dem eingebetteten Vimeo-Video
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 Auto-Embed-Funktion, mit der Sie Ihre Video-URL kopieren und einfügen können, um sie auf jeder Beitrags- oder Seite anzuzeigen.
Wie viele der Standardfunktionen von WordPress hat diese jedoch nur begrenzte Anpassungsoptionen. Sie können die Video-Player-Optionen nicht einfach bearbeiten, benutzerdefinierte Thumbnail-Bilder hinzufügen oder das Video beim Scrollen der Seite „sticky“ machen.
Hier kann dieser Leitfaden helfen.
Wir zeigen Ihnen, wie Sie ein einfaches Page Builder Plugin verwenden, um Vimeo-Video-Popups auf jeder WordPress-Seite einzubetten. Und zur Sicherheit teilen wir auch die Schritte zur Verwendung der WordPress Auto-Embed-Funktion überall auf Ihrer Website.
Warum Vimeo-Videos in WordPress verwenden?
Vimeo ist bekannt für seine hochwertige Wiedergabe, minimale Komprimierung und professionellen Präsentationsoptionen. Wenn Ihre Videos auf Ihrer WordPress-Website professionell aussehen und reibungslos geladen werden sollen, ist es eine solide Wahl.
Hier sind einige 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 Anzeigen einzublenden.
- Benutzerdefiniertes Branding: Ändern Sie Player-Farben, entfernen Sie das Vimeo-Logo und fügen Sie Ihre eigenen Handlungsaufforderungen hinzu.
- Erweiterte Datenschutzkontrollen: Beschränken Sie die Wiedergabe auf Ihre Domain oder schützen Sie Videos mit einem Passwort.
- Schnellere Ladezeiten: Die Video-Hostings werden auf die Server von Vimeo ausgelagert, wodurch Ihre Website schlank bleibt.
- Kreative Kontrolle: Verwenden Sie benutzerdefinierte Thumbnails, Startzeiten und Lightbox-Popups für ein maßgeschneidertes Seherlebnis.
Wenn Vimeo-Videos in WordPress eingebettet sind, verbessern sie nicht nur die visuelle Attraktivität, sondern können auch dazu beitragen, dass Besucher länger auf Ihrer Website bleiben, was großartig für Engagement und SEO ist.
Inhaltsverzeichnis
So betten Sie ein Vimeo-Video mit einem Lightbox-Popup in WordPress ein
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 benutzerdefinierte WordPress-Themes und Seitenlayouts erstellen, ohne Code schreiben zu müssen.
Sie können mit einer vorgefertigten Vorlage beginnen und jede Seite mit visuellen Bausteinen anpassen, um sie zu Ihrer eigenen zu machen.
Und Vimeo-Video-Popups? Das Einbetten ist mit dem Video-Popup-Block mühelos möglich.
Zeigen Sie einfach per Drag & Drop, Zeigen und Klicken Vollbild-Vimeo-Lightbox-Popups an, wo immer Sie möchten, ohne dass Video-Einbettungscode sichtbar ist.
Folgen Sie der Schritt-für-Schritt-Anleitung unten, um zu erfahren, wie es geht.
Schritt 1. SeedProd installieren und aktivieren
Zuerst müssen Sie das SeedProd-Plugin installieren und aktivieren.
Während eine kostenlose Version von SeedProd verfügbar ist, empfehlen wir die Verwendung von SeedProd Pro , um auf mehr Vorlagen und Blöcke zuzugreifen, 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-Site zu installieren. Sie erfahren 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 benutzerdefinierte WordPress-Layouts zu erstellen.
Wenn Sie Ihr aktuelles WordPress-Theme ersetzen möchten, können Sie den Theme Builder verwenden, um ein neues von Grund auf neu zu erstellen.
Sie können jeden Teil Ihrer Website erstellen, einschließlich eines benutzerdefinierten Headers, Footers, einer Seitenleiste, einer Startseite, einer Blogseite und mehr. Um zu erfahren, wie Sie ein benutzerdefiniertes WordPress-Theme erstellen, folgen Sie unserer Anleitung.
Alternativ können Sie einzelne Seiten mit dem Landing Page Builder erstellen, was wir für diese Anleitung tun werden.
Navigieren Sie in Ihrem WordPress-Admin zu SeedProd » Landing Pages und klicken Sie auf die Schaltfläche Neue Landing Page hinzufügen .
Durchsuchen Sie als Nächstes die responsiven Landingpage-Vorlagen, um eine zu finden, die der Art der Seite, die Sie erstellen möchten, am nächsten kommt. Um die Dinge zu vereinfachen, klicken Sie auf die Registerkarten oben, um sie nach Kampagnentyp zu filtern.
Sobald Sie eine gefunden haben, fahren Sie mit der Maus über die Vorlage und klicken Sie auf das Häkchensymbol, um sie auszuwählen.
Sie sehen nun ein Fenster, in dem Sie Ihren Seitennamen und Ihre URL 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 Seite bearbeiten starten , wenn Sie mit diesen Details zufrieden sind.
Schritt 3. Fügen Sie den Video-Popup-Block hinzu und wählen Sie Vimeo als Quelle aus
Ihre ausgewä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 Optionen zum Rückgängigmachen, Wiederherstellen und Vorschauen in der unteren Symbolleiste.
Sie können jeden Teil der Vorlage ändern, indem Sie auf einen Block in der Live-Vorschau klicken. Nach dem Klicken sehen Sie die Einstellungen des Blocks in der linken Seitenleiste, wo Sie den Inhalt, die Ausrichtung, die Schriftgröße und mehr ändern können.
Um neue Inhalte zur Seite hinzuzufügen, wählen Sie einen Block aus der linken Seitenleiste aus und ziehen Sie ihn in die Vorschau. Passen Sie anschließend einfach den Blockinhalt an Ihre Bedürfnisse an.
Sie sehen die Änderungen in Echtzeit, während sie geschehen. Dies erspart Ihnen das Wechseln zwischen dem Back- und Frontend Ihrer Website, um zu sehen, wie es aussieht.
Lassen Sie uns dies tun, indem wir den Video Popup-Block zur Seite hinzufügen.
Standardmäßig zeigt dieser Block ein YouTube-Video an. Sie können dies in den Blockeinstellungen ändern, indem Sie auf das Dropdown-Menü „Quelle“ klicken und die Vimeo-Option auswählen.
Hinweis: Mit diesem Block können Sie auch eine Videodatei in WordPress hochladen.
Schritt 4. Passen Sie die Vimeo-Player-Einstellungen und Lightbox-Optionen an
Fügen Sie nun Ihre Vimeo-URL ein. Sie können optional eine Startzeit für das Video in Sekunden festlegen.
Unter diesem Abschnitt befinden sich die Videoeinstellungen, mit denen Sie Folgendes aktivieren oder deaktivieren können:
- Autoplay
- Stummschalten
- Schleife
- Videoplayer-Steuerelemente
- Datenschutzeinstellungen
- Intro-Titel
- Intro-Porträt
- Intro-Bildunterschrift
- Sticky Video
Sie können auch die Farben der Vimeo-Player-Steuerelemente ändern, indem Sie eine benutzerdefinierte Farbe aus der Palette auswählen.
Öffnen wir nun den Tab „Bild-Overlay“. Durch Aktivieren dieser Option können Sie ein benutzerdefiniertes Thumbnail-Bild für Ihr Video festlegen.
Klicken Sie einfach auf die Schaltfläche „Eigenes Bild verwenden“ und laden Sie ein Thumbnail von Ihrem Computer oder der WordPress-Mediathek hoch.
Dasselbe können Sie für das Video-Play-Symbol tun, indem Sie ein benutzerdefiniertes Symbol auswählen und dessen Größe, Farbe und Deckkraft ändern.
Zu guter Letzt gibt es den Schalter „Lightbox aktivieren“. Wenn Sie diese Option aktivieren, können Benutzer Ihr Video in einem Vollbild- Lightbox-Popup ansehen.
Dies ist eine ausgezeichnete Möglichkeit, Ablenkungen zu reduzieren und sich darauf zu konzentrieren, Ihr Publikum zu fesseln.
Schritt 5. Veröffentlichen Sie Ihre WordPress-Seite mit dem eingebetteten Vimeo-Video
Wenn Sie mit Ihren Video-Einbettungsoptionen zufrieden sind, klicken Sie in der oberen rechten Ecke Ihres Bildschirms auf Speichern und wählen Sie dann die Option Veröffentlichen.
Nun können Sie die Seite in der Vorschau anzeigen und Ihr eingebettetes Vimeo-Video in Aktion sehen.
Und wenn Sie auf das Video klicken, wird es in einem Video-Popup geöffnet.
Möchten Sie Vimeo-Videos zur WordPress-Seitenleiste hinzufügen? Sehen Sie sich diese Anleitung an, wie Sie eine benutzerdefinierte Seitenleiste in WordPress erstellen, und folgen Sie den gleichen Schritten wie oben, um den Video-Popup-Block hinzuzufügen.
Weitere Anpassungs- und Formatierungstipps finden Sie in dieser Anleitung, wie Sie eine Landingpage in WordPress erstellen.
So betten Sie ein Vimeo-Video ohne Plugins in WordPress ein
Manchmal möchten Sie vielleicht ein einfaches Video ohne Schnickschnack auf Ihrer Website einfügen, z. B. in einen Blogbeitrag. Da die meisten Page Builder nur auf Seiten funktionieren, ist die Verwendung der WordPress-Einbettungsfunktion die einfachste Option.
Sie können dies auf zwei Arten tun: mit der Auto-Embed-Funktion oder mit den WordPress-Embed-Blöcken.
Hier erfahren Sie, wie Sie die Auto-Embed-Funktion verwenden:
Methode 1: Fügen Sie die Vimeo-Video-URL in den WordPress-Editor ein
Erstellen oder bearbeiten Sie zuerst einen WordPress-Beitrag oder eine Seite. Fügen Sie dann Ihre Vimeo-Video-URL in den Inhaltseditor ein.
WordPress wird das Vimeo-Video in wenigen Sekunden automatisch einbetten und anzeigen.
Methode 2: Verwenden Sie den Vimeo-Einbettungsblock in WordPress
Alternativ können Sie auf das Plus-Symbol klicken, um einen neuen Block hinzuzufügen, und dann auf den Block Vimeo-Einbettung klicken.
Fügen Sie dann den Link zu Ihrem Video ein und klicken Sie auf die Schaltfläche Einbetten.
Nachdem Sie den Beitrag oder die Seite veröffentlicht haben, können Sie sie in der Vorschau anzeigen, um Ihre Änderungen zu sehen.
Vimeo-Videos einbetten FAQs
Wie verlinke ich ein Vimeo-Video?
Um auf ein Vimeo-Video zu verlinken, klicken Sie auf die Schaltfläche „Teilen“ und kopieren Sie die Video-URL. Sie können diese URL dann auf Ihrer Website einfügen.
Was ist eine eingebettete Video-URL?
Eine eingebettete Video-URL ist ein Video, das direkt auf einer Website hinzugefügt wird, im Gegensatz zu einer Video-Sharing-Website in sozialen Medien. Zum Beispiel die Video-URL, die auf Ihrer WordPress-Site eingebettet ist, im Gegensatz zur Quelle auf Vimeo.com.
Kann man eine Vimeo-Showcase in WordPress einbetten?
Wenn Sie Vimeo-Videos in Ihrer WordPress-Seitenleiste anzeigen möchten, können Sie den WordPress Vimeo-Einbettungsblock verwenden. Alternativ können Sie den Video-Einbettungscode kopieren und in einen HTML-Block einfügen.
Wie bette ich ein Vimeo-Video ohne iFrame ein?
Um ein Vimeo-Video ohne iFrame einzubetten, rufen Sie die Webseite des Videos auf und klicken Sie auf die Schaltfläche „Teilen“. Klicken Sie im Popup-Fenster auf den Text „+ Optionen anzeigen“, scrollen Sie dann nach unten und ändern Sie die Größe auf „Responsiv“. Dadurch wird der iFrame aus dem HTML-Code entfernt.
Kopieren Sie von dort den Code und fügen Sie ihn in ein HTML-Widget auf Ihrer Website ein.
Betten Sie Vimeo-Videos noch heute in WordPress ein
Wir hoffen, dieser Leitfaden hat Ihnen geholfen zu lernen, wie Sie ein Vimeo-Video in WordPress einbetten. Ob Sie sie als Willkommensnachricht, als Webinar-Intro oder zur Bewerbung eines neuen Produkts verwenden, die Schritte in diesem Leitfaden decken alles ab, was Sie brauchen.
Für weitere Video-Hilfe finden Sie möglicherweise auch die folgenden Tutorials und Showcases:
- So betten Sie YouTube-Videos in WordPress ein
- So verkaufen Sie Videos online in WordPress
- 8 beste WordPress-Video-Plugins
- So betten Sie Facebook-Videos in WordPress ein
- So erstellen Sie eine Video-Landingpage in WordPress
Danke fürs Lesen! Wir würden uns freuen, Ihre Gedanken zu hören. Treten Sie also gerne der Unterhaltung auf YouTube, X und Facebook bei, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.
