So fügen Sie WordPress Videos hinzu: 4 einfache Wege

Wege, WordPress ein Video hinzuzufügen

1. 1.

   Den Video-Block für eine Datei nutzen

   Klicken Sie im Block-Editor auf + → Video und laden Sie dann eine Datei hoch oder wählen Sie eine aus der Mediathek. Gut für einen einzelnen kurzen Clip.

2. 2.

   Den Einbetten-Block für YouTube oder Vimeo nutzen

   Fügen Sie einen YouTube- oder Vimeo-Link in einer eigenen Zeile ein oder fügen Sie einen Einbetten-Block hinzu. WordPress macht den Link automatisch zu einem Player.

3. 3.

   Eigenes HTML für Einbettungscode nutzen

   Fügen Sie einen Eigenes HTML-Block hinzu und fügen Sie einen iFrame- oder Widget-Code ein. Wechseln Sie im klassischen Editor zuerst auf den Tab Text.

4. 4.

   Page Builder

   Nutzen Sie in Elementor, Divi oder Beaver Builder das Video-Modul für ein Video oder das HTML-/Code-Modul für Einbettungs- und Widget-Codes.

Sollten Sie Videos in die Mediathek hochladen?

WordPress kann Videodateien hosten, aber jeder Aufruf wird von Ihrem Hosting ausgeliefert. Laden Sie alles, was länger als ein kurzer Clip ist, auf YouTube oder Vimeo hoch und betten Sie es ein – das ist für Zuschauer schneller und für Sie günstiger.

So fügen Sie WordPress eine Videogalerie hinzu

WordPress hat keine integrierte Videogalerie. Sie können ein Galerie-Plugin installieren oder ein Cloud-Widget in einen Eigenes-HTML-Block einfügen – ohne Plugin, das aktualisiert werden muss oder sich mit Ihrem Theme beißt.

Der No-Code-Weg

Erstellen Sie eine Videogalerie oder einen YouTube-Feed und fügen Sie den Code in einen Eigenes-HTML-Block oder das HTML-Widget von Elementor ein.

Elfsight Video Gallery ausprobieren

Tipps zu Autoplay, Schleife und Responsivität

• Autoplay funktioniert in den meisten Browsern nur stumm.

• Einbettungen aus dem Einbetten-Block sind in den meisten Themes responsiv; für eigene iFrames nutzen Sie einen Wrapper mit Seitenverhältnis.

• Nutzen Sie unseren YouTube-Einbettungscode-Generator für Optionen wie Startzeit und Schleife.

Die Einstellungen des Video-Blocks erklärt

Dateigrößenlimits und Formate

WordPress akzeptiert MP4, MOV, WebM und weitere Formate, aber Ihr Hoster legt die maximale Upload-Größe fest. Wenn Uploads fehlschlagen, liegt die Datei wahrscheinlich über diesem Limit – komprimieren Sie sie oder laden Sie sie stattdessen auf YouTube oder Vimeo hoch. MP4 mit H.264 läuft überall.

Videos von anderen Plattformen einbetten

WordPress macht Links vieler Dienste automatisch zu Playern (oEmbed) – YouTube, Vimeo, TikTok, Dailymotion und andere. Fügen Sie den Link in einer eigenen Zeile ein oder nutzen Sie den Einbetten-Block. Instagram-Beiträge bettet WordPress nicht mehr automatisch ein; nutzen Sie einen Eigenes-HTML-Block mit dem Einbettungscode oder ein Widget.

Plugin, Block oder Widget?

Fehlerbehebung

1. 1.

   Die Einbettung zeigt einen Link, keinen Player

   Setzen Sie den Link in eine eigene Zeile oder nutzen Sie den Einbetten-Block.

2. 2.

   Das Video ist nicht responsiv

   Aktivieren Sie responsive Einbettungen in Ihrem Theme oder packen Sie den iFrame in einen Container mit festem Seitenverhältnis.

3. 3.

   Einbettungen sind nach einem Plugin-Update verschwunden

   Prüfen Sie Caching-, Lazy-Load- und Datenschutz-Plugins, die iFrames ersetzen.

Eine Videogalerie mit Elfsight zu WordPress hinzufügen

1. 1.

   Die Seite öffnen

   Gehen Sie in WordPress zu Seiten, fahren Sie mit der Maus über die Seite und klicken Sie auf Bearbeiten.

2. 2.

   Einen Eigenes-HTML-Block hinzufügen

   Klicken Sie auf das blaue +-Symbol, suchen Sie Eigenes HTML und ziehen Sie den Block dorthin, wo die Galerie erscheinen soll.

3. 3.

   Code einfügen und speichern

   Fügen Sie den Installationscode von Video Gallery im HTML-Fenster ein und speichern Sie. Das funktioniert sowohl in klassischen als auch in Block-Themes.

4. 4.

   Seitenleiste oder alle Seiten

   Für einen Widget-Bereich nutzen Sie Design → Anpassen → Widgets → + → Eigenes HTML und klicken dann auf Veröffentlichen.

WordPress.com: Das Einbetten von Skripten erfordert den Tarif Business oder Commerce; bei Free, Personal und Premium wird der Code als reiner Text angezeigt. Selbst gehostetes WordPress.org kennt keine solche Grenze.

Vollständige Anleitung mit Screenshots: Elfsight-Widget zu WordPress hinzufügen ↗ · Sie möchten es nicht selbst machen? Kostenlose Installation anfordern ↗