loader image

Radiboxes Server machen WordPress Websites bis zu 4x schneller - ohne zusätzliche Optimierung. Raidboxes migriert deine Website und du kannst selbst vergleichen. Wenn du zufrieden bist, wähle einfach das passende Paket in deren Preistabelle.

4.97

Sehr gut

trustedshops.de

Autor

duckducknews

Einfaches Einbetten von Videos in WordPress-Blogbeiträge

Möchten Sie Videos in Ihre WordPress-Blogbeiträge einbetten? Videos bringen Leben auf Ihre Website, und sie sind eine großartige Möglichkeit, das Engagement der Benutzer zu erhöhen.

WordPress macht es super einfach, Videos von Video-Hosting-Seiten wie YouTube, Vimeo, Facebook, Twitter und vielen anderen einzubetten.

In dieser Anleitung für Einsteiger zeigen wir Ihnen, wie Sie Videos ganz einfach in WordPress-Blogbeiträge, -Seiten und -Seitenleisten-Widgets einbetten können.

How to easily embed videos in WordPress

Video-Anleitung

[eingebetteter Inhalt]

WPBeginner abonnieren

[eingebetteter Inhalt]

Wenn Sie eine schriftliche Anleitung bevorzugen, lesen Sie einfach weiter.

Wie man Videos in WordPress-Blogbeiträge und -Seiten einbettet

WordPress verfügt über eine großartige Funktion namens „Auto-Embed“, die es Ihrer Website ermöglicht, automatisch den Einbettungscode von beliebten Video-Hosting-Diensten wie YouTube, Vimeo usw. zu erhalten.

Alles, was Sie tun müssen, ist, die Video-URL in den WordPress-Editor einzufügen.

Sie können zum Beispiel die YouTube-URL für ein Video kopieren, das Sie einbetten möchten.

Als nächstes bearbeiten Sie den WordPress-Beitrag oder die Seite, auf der Sie das Video einfügen möchten, und fügen die URL einfach in den Inhaltsbereich ein.

Embedding video in WordPress post editor

Sobald Sie die Video-URL einfügen, holt WordPress den Einbettungscode und zeigt das YouTube-Video innerhalb des Inhaltseditors an.

Sie können nun Ihren Beitrag speichern und auf die Schaltfläche Vorschau klicken, um das eingebettete Video in Ihrem Blogbeitrag zu sehen.

Video embedded in a WordPress blog post

War das nicht einfach?

Nachdem Sie das Video hinzugefügt haben, können Sie seine Einstellungen über die Blocksymbolleiste und die Einstellungsspalte auf der rechten Seite ändern.

Video block toolbar and settings

Sie können die Videobreite anpassen, es in voller Breite anzeigen lassen, die Ausrichtung ändern und mehr. Sie können auch eine Beschriftung hinzufügen und das Seitenverhältnis des Videos auf mobilen Geräten beibehalten.

WordPress kann Auto-Embeds nur für weiß gelistete Videodienste durchführen. Für andere Websites müssen Sie immer noch den Einbettungscode beschaffen und ihn dann in Ihre Blogbeiträge einfügen.

Hier finden Sie eine Liste der weiß gelisteten Videodienste für automatische Einbettungen in WordPress:

  • Amazon
  • Animoto
  • Cloudup
  • CollegeHumor
  • Crowdsignal
  • Dailymotion
  • Facebook
  • Flickr
  • Hulu
  • Imgur
  • Instagram
  • Issuu
  • Kickstarter
  • Meetup.com
  • Mixcloud
  • Reddit
  • ReverbNation
  • Screencast
  • Scribd
  • Slideshare
  • SmugMug
  • Someecards
  • SoundCloud
  • Lautsprecher-Deck
  • Spotify
  • TED
  • Tumblr
  • Twitter
  • VideoPresse
  • Vimeo
  • WordPress.tv
  • YouTube

Wenn Sie ein Video von einer Website außerhalb dieser Liste hinzufügen möchten, dann benötigen Sie den vollständigen HTML-Einbettungscode für das Video.

Kopieren Sie einfach den von der Video-Website bereitgestellten HTML-Code und fügen Sie ihn in einen „Custom HTML“-Block im Editor ein.

Add a custom embed code in WordPress

Videos in WordPress mit dem alten klassischen Editor einbetten

Wenn Sie noch den alten WordPress-Klassik-Editor verwenden, dann können Sie die Videos auf die gleiche Weise einbetten.

Kopieren Sie einfach die URL von einem Video-Hosting-Dienst wie YouTube, und fügen Sie sie in den Editor ein. Wenn Sie den visuellen Editor verwenden, dann sehen Sie eine Vorschau des Videos.

Emedding video in old WordPress editor

Allerdings können Sie die Breitenanpassung und andere Optionen, die Sie im neuen WordPress-Blockeditor nutzen können, nicht verwenden.

So betten Sie Videos in WordPress-Sidebar-Widgets ein

Genau wie eine WordPress-Seite oder ein Beitrag können Sie auch Videos in WordPress-Sidebar-Widgets einbetten.

Gehen Sie einfach auf die Seite Darstellung “ Widgets und fügen Sie das „Text“-Widget zu einer Sidebar hinzu. Siehe unseren Artikel über das Hinzufügen und Verwenden von Widgets in WordPress.

Innerhalb der Widget-Einstellungen müssen Sie die Video-URL in den Inhaltsbereich einfügen. WordPress holt sich automatisch den Einbettungscode und zeigt die Videovorschau an.

Embed videos in WordPress sidebar widget

Vergessen Sie nicht, auf die Schaltfläche „Speichern“ zu klicken, um Ihre Widget-Einstellungen zu speichern.

Sie können nun Ihre Website besuchen, um das eingebettete Video im WordPress-Sidebar-Widget zu sehen.

WordPress-Videoeinbettungs-Plugins

Standardmäßig müssen Sie kein Plugin verwenden, um Videos in WordPress einzubetten. Sie können jedoch Plugins verwenden, um die Videowiedergabe auf Ihrer Website zu verbessern.

Im Folgenden finden Sie einige Plugins, die Sie vielleicht ausprobieren möchten.

1. Smash Balloon YouTube Feed

Smash Balloon for YouTube home page

Smash Balloon Feeds for YouTube ist eines der besten WordPress-Video-Plugins. Es ermöglicht Ihnen, alle Videos Ihres YouTube-Kanals automatisch in einem anpassbaren Galerieformat einzubetten. Es importiert automatisch neue Videos, kombiniert Feeds, fügt Live-Streaming hinzu und mehr.

Es gibt auch eine kostenlose Version des YouTube-Feed-Plugins von Smash Balloon, aber in unserer Demo unten werden wir die Pro-Version zeigen.

Zuerst müssen Sie das Smash Balloon Feeds for YouTube-Plugin installieren und aktivieren. Von dort aus gehen Sie auf die Seite Feeds for YouTube “ Lizenz und geben Ihren Lizenzschlüssel ein. Sie finden diese Informationen unter Ihrem Konto auf der Website des Plugins.

Smash Balloon license key

Nachdem Sie Ihren Lizenzschlüssel aktiviert haben, vergessen Sie nicht, auf die Schaltfläche „Änderungen speichern“ zu klicken. Als nächstes gehen Sie auf die Registerkarte „Konfigurieren“ und klicken auf die große blaue Schaltfläche, um Ihr YouTube-Konto zu verbinden.

Connect your YouTube Feed

Sobald Sie fertig sind, werden Sie zurück zu Ihrem WordPress-Dashboard weitergeleitet, um Ihren YouTube-Feed einzurichten.

YouTube account connected

Klicken Sie auf die Schaltfläche „Änderungen speichern“, und schon können Sie loslegen.

Um Ihren YouTube-Feed in einen Beitrag oder eine Seite einzubetten, bearbeiten Sie ihn einfach in WordPress. Klicken Sie auf dem Bildschirm „Seite bearbeiten“ auf die Schaltfläche (+), um einen neuen Block hinzuzufügen, und wählen Sie den Block „Feeds für YouTube“.

YouTube feed block

Wenn Sie den Block zu Ihrem Beitragseditor hinzufügen, wird er automatisch Videos von Ihrem YouTube-Kanal abrufen und anzeigen.

YouTube feed embedded

Wenn Sie Ihre Website überprüfen, werden Sie sehen, dass Ihr Feed in die gerade erstellte Seite eingebettet ist.

YouTube Feed on your page

Smash Balloon YouTube Feeds kommt mit mehreren Layout- und Stiloptionen. Sie können den Standardstil ändern, indem Sie die Seite Feeds für YouTube “ Anpassen besuchen.

Carousel option

Von hier aus können Sie ein Gitter-, Galerie-, Listen- oder Karussell-Layout wählen. Vergessen Sie nicht, auf die Schaltfläche Änderungen speichern zu klicken, um Ihre Änderungen zu speichern.

Carousel Feed on your site

Sie werden sehen, dass Sie ein Karussell von Videos mit Navigationspfeilen auf der rechten und linken Seite sowie eine Schaltfläche „Abonnieren“ am unteren Rand Ihres Feeds haben.

Wenn Sie Ihren Feed weiter anpassen möchten, dann klicken Sie in den Plugin-Einstellungen auf die Registerkarte „Anzeige“. Diese Seite listet eine Reihe von Shortcodes auf, die Sie überall auf Ihrer Website verwenden können.

Shortcode options

Um einen Shortcode in einen Beitrag oder eine Seite einzufügen, können Sie den Shortcode-Block verwenden.

Shortcode block

Nun können Sie Ihren Feed-Shortcode [youtube-feed] (oder eine beliebige Variation) in die Blockeinstellungen einfügen.

Shortcode Inserted

Sie können den Smash Balloon YouTube-Feed auch mit ihrem neuen Social Wall-Plugin verwenden, das alle Ihre Social-Media-Inhalte von Facebook, Instagram, Twitter und YouTube auf einer einzigen Seite kombiniert.

2. YouTube-Abonnementleiste

YouTube Subscribe Bar in action

Die YouTube-Abonnementleiste zeigt eine YouTube-Abonnement-Schaltfläche unterhalb der Einbettung Ihres YouTube-Videos in WordPress an. Sie holt auch Ihre YouTube-Abonnentenzahl ab, um Social Proof hinzuzufügen und mehr Benutzer zum Abonnieren zu ermutigen.

Wir haben sie zuerst erstellt, um den YouTube-Kanal von WPBeginner auf dieser Website zu bewerben. Viele unserer Nutzer baten uns, zu zeigen, wie wir das gemacht haben, also haben wir beschlossen, es als kostenloses Plugin zu veröffentlichen.

3. Lazy Load für Videos

Lazy load videos in WordPress

Videoeinbettungen laden Skripte von externen Websites, was sich geringfügig auf die Ladegeschwindigkeit und Leistung der Seite auswirkt.

Lazy Load for Videos löst dieses Problem, indem es nur das Videobild beim Laden der Seite lädt. Es lädt den Einbettungscode nur, wenn der Benutzer auf die Schaltfläche „Play“ klickt. Sehen Sie sich unser Tutorial an, wie Sie Lazy Load für Videos in WordPress hinzufügen.

Übrigens benötigen Sie dieses Plugin nicht, wenn Sie den Smash Balloon YouTube Feed verwenden, da dieser über eingebautes Caching und verzögertes Laden für den Videoplayer verfügt.

Warum kann ich die Videos nicht in WordPress hochladen?

Nun, Sie können, aber wir empfehlen Ihnen nicht, dies zu tun.

Die meisten kleinen Blogs verwenden gemeinsam genutzte WordPress-Hosting-Konten, und Videos können eine Menge Serverressourcen beanspruchen. Wenn Ihr Video tonnenweise Traffic hat, dann ist es wahrscheinlicher, dass Ihre Website abstürzt.

Zweitens entgeht Ihnen der Traffic von YouTube-Nutzern.

YouTube ist nicht nur die größte Video-Hosting-Seite, sondern auch die zweitbeliebteste Suchmaschine der Welt und das zweitbeliebteste soziale Netzwerk direkt nach Facebook.

Wenn Sie Ihre Videos nicht auf YouTube hochladen möchten, dann können Sie Vimeo oder DailyMotion ausprobieren. Sehen Sie sich unseren Vergleich von YouTube vs. Vimeo an, um herauszufinden, welche Plattform für Ihre Bedürfnisse besser ist.

Mehr zu diesem Thema finden Sie in unserem Artikel darüber, warum Sie niemals ein Video auf WordPress hochladen sollten.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie Sie ganz einfach Videos in WordPress-Blogbeiträge einbetten können. Vielleicht interessiert Sie auch unsere Liste der unverzichtbaren WordPress-Plugins für alle Websites.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebookfinden.

Die beliebtesten Beiträge

Wie man den ungültigen JSON-Fehler in WordPress behebt (Anleitung für Anfänger)

Versuchen Sie, den ungültigen JSON-Fehler in WordPress zu beheben? Dieser Fehler tritt auf, wenn Sie WordPress-Beiträge oder -Seiten auf Ihrer Website bearbeiten. Sie erhalten die Meldung "Die Antwort ist keine gültige JSON-Antwort" und die Aktualisierung der Seite schlägt fehl. In diesem Artikel zeigen wir Ihnen, wie Sie den ungültigen JSON-Fehler ...

So beheben Sie den Fehler „Verbindung ist nicht privat“ (Anleitung für Website-Besitzer)

Sehen Sie die Fehlermeldung "Ihre Verbindung ist nicht privat" auf Ihrer WordPress-Website? Dies ist die Fehlermeldung, die Sie in Google Chrome sehen. Der gleiche Fehler wird auf allen modernen Browsern mit leicht unterschiedlichen Meldungen angezeigt und kann für Anfänger bei der Fehlerbehebung etwas verwirrend sein. In dieser Anleitung für Website-Besitzer ...

Wie man eine Seite in voller Breite in WordPress erstellt (Anleitung für Anfänger)

Möchten Sie eine Seite in voller Breite in WordPress erstellen, so dass Sie Ihren Inhalt über den Bildschirm strecken können? Die meisten WordPress-Themes verfügen bereits über eine integrierte Vorlage für eine Seite in voller Breite, die Sie verwenden können. Wenn Ihr Theme jedoch keine hat, dann ist es einfach, sie ...
DSGVO Cookie-Einwilligung mit Real Cookie Banner