YouTube-Video einbetten (Ultimate Guide)

Veröffentlicht: 2018-07-31

Hallo Internet-Leute, suchen Sie nach einer einfachen Möglichkeit, YouTube-Videos, Wiedergabelisten und Kanäle in Ihre Website oder WordPress-Site einzubetten ?

In dieser vollständigen Anleitung lernen Sie die verschiedenen Möglichkeiten zum Einbetten eines YouTube-Videos kennen und wie Sie das Video an Ihre Bedürfnisse anpassen (einschließlich Codebeispielen).

Sehen Sie sich unten ein Inhaltsverzeichnis an und wählen Sie aus, wonach Sie suchen.

INHALT

So binden Sie YouTube-Videos in WordPress ein

Einbetten eines YouTube-Videos in eine WordPress-Seite ohne Plugins (oEmbed)

WordPress-Shortcodes für YouTube

Verwenden eines Iframes

Wie man YouTube-Videos mit einem Plugin in WordPress einbettet

Betten Sie YouTube in Ihre WordPress-Seitenleiste ein

Betten Sie YouTube in HTML ein

Erweiterte Optionen des YouTube-Videoplayers

Youtube Autoplay Embed (funktioniert auf mobilen iOS- und Android-Iframes)

Die häufigsten Probleme mit der YouTube-Einbettung

2018 YouTube-Video auf Facebook einbetten

So binden Sie YouTube-Videos in WordPress ein

Im Wesentlichen haben Sie die folgenden Optionen, um Ihr Video in eine WordPress-Website einzubetten:

  • Standard-WordPress-Einbettungsfunktion (oEmbed)
  • WordPress-Shortcodes für YouTube
  • Verwenden eines Iframes
  • Installieren eines Plugins

Der Unterschied zwischen den oben genannten Optionen besteht darin, dass Sie den Videoplayer anpassen können, während Sie sich in der Liste nach unten bewegen. Mit anderen Worten, die Standardfunktion hat keine Optionen und die Installation eines Plugins hat alle möglichen Optionen .

Einbetten eines YouTube-Videos in eine WordPress-Seite ohne Plugins (oEmbed)

Okay, ich wollte nur erwähnen, dass Sie YouTube-Videos ohne ein Plugin in WordPress-Blogposts einbetten können.

Sie haben nur weniger Konfigurationsoptionen , aber für die meisten Leute wird es ausreichen. Wenn Sie die YouTube-Autoplay-Option benötigen, sehen Sie sich den Iframe-Abschnitt unten an.

Hier ist ein Video, das erklärt, wie:

So betten Sie ein Video in einen WP-Beitrag ein:

Fügen Sie einfach die URL in den Textbereich ein . Und es sollte die URL in ein YouTube-Video umwandeln .

Falls das nicht funktioniert, können Sie Y0uTube-Videos ohne Plugins wie folgt in WordPress einbetten:

  1. Gehen Sie zu dem Blogbeitrag oder der Seite, die Sie aktualisieren möchten.
  2. Klicken Sie oben im Textbereich auf „Medien hinzufügen“. Dies öffnet die Mediathek.
  3. Wählen Sie dann in der linken Spalte „Von URL einfügen“.
  4. Fügen Sie Ihre YouTube-URL ein.
  5. Klicken Sie in der linken unteren Ecke auf die Schaltfläche „In Beitrag einfügen“.
  6. Jetzt erscheint das eingebettete YouTube-Video in Ihrem Beitrag.

Das geht übrigens auch ohne YouTube . Verwenden Sie einfach ein beliebiges Video.

Sie können es entweder von anderen Plattformen streamen oder Ihre eigenen Server verwenden (in den meisten Fällen wird dies jedoch nicht empfohlen).

Sie können ein Video hochladen, indem Sie im WordPress-Beitrag auf die Schaltfläche „Medien hinzufügen“ klicken und ein Video hochladen.

WordPress-Shortcodes für YouTube

So können Sie ein Video mit einem Shortcode einbetten . Dies gibt Ihnen die Flexibilität, die Breite und Höhe des Videos festzulegen. Stellen Sie sicher, dass Sie es auch auf dem Handy testen.

Um WordPress YouTube mit Shortcode zu implementieren, verwenden Sie einfach den folgenden Shortcode und ersetzen Sie den roten Text durch Ihre Video-URL (kurze URL ist auch in Ordnung).

Breite = „320“ Höhe = „180“ YouTube-URL einbetten [/embed]

Zum Beispiel: Embed width=“320“ height=“180“ https://youtu.be/B4yV3AO7G6E [/embed]

Sie können dies im visuellen oder Textmodus in WordPress tun .

Allerdings finde ich das Einbetten von Shortcodes nutzlos , da die anderen Optionen entweder einfacher sind oder mehr Anpassungsoptionen bieten.

Verwenden eines Iframes

Wenn Sie viele Anpassungsoptionen wie die YouTube-Autoplay-Einbettung benötigen , ist ein iFrame die beste Option für Sie.

Sie müssen dies im Textmodus in WordPress tun. Ich zeige dir unten, wie es geht.

So erhalten Sie den YouTube-Einbettungscode

Um einen Iframe zu verwenden, benötigen Sie zunächst den Einbettungscode von YouTube.

So bekommst du es:

Gehen Sie einfach zu dem YouTube-Video, das Sie auf Ihrer Website anzeigen möchten.

„Öffne YouTube-Video“

Klicken Sie unter dem Video auf „ Teilen “ und wählen Sie „ Einbetten “.

Klicken Sie auf „Teilen“ und wählen Sie „Einbetten“

Jetzt erscheint ein Popup mit dem Einbettungscode und einigen zusätzlichen Parametern, die Sie einstellen können. Es gibt tatsächlich mehr Einbettungsoptionen, aber ich werde Ihnen später in diesem Artikel zeigen, wie Sie diese erhalten.

Code einbetten

Beispiel für YouTube-Einbettungscode mit einem Iframe:

 <iframe width="560" height="315" src="https://www.youtube.com/embed/B4yV3AO7G6E" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

So passen Sie den YouTube-Player an

Lassen Sie mich Ihnen zeigen, wie Sie benutzerdefinierte Optionen wie Autoplay verwenden.

Zunächst einmal erfahren Sie hier, wie Sie Parameter in der Iframe-URL https://www.youtube.com/embed/B4yV3AO7G6E hinzufügen ? Autoplay = 1

Wenn Sie mehrere Optionen wünschen, fügen Sie sie einfach mit „ & “ hinzu (der erste Wert beginnt immer noch mit dem „ ?“-Zeichen ).

https://www.youtube.com/embed/B4yV3AO7G6E ? autoplay=1&rel=0&start=33

Wenn Sie nicht über das Format und den ganzen Iframe-Code nachdenken möchten . Verwenden Sie einfach den YouTube-Einbettungsgenerator wie den von Classynemesis.

Die nützlichsten Anpassungsoptionen für den YouTube-Player

autoplay=1 – Wenn eine Seite geladen wird, wird das Video automatisch abgespielt.

rel=0 – Blendet verwandte Videos am Ende eines Videos aus.

start=33 – Geben Sie die Startzeit an (Wert in Sekunden).

end=66 – Stoppzeit angeben (Wert in Sekunden).

controls=0 – Entfernt Videoplayer-Steuerelemente wie Wiedergabe, Lautstärke, Einstellungen usw.

showinfo=0 – Deaktiviert die Freigabeoptionen und den Titel.

loop=1 – Wiederholt das Video.

disablekb=1 – Deaktiviert die Tastatursteuerung.

cc_load_policy=1 – Untertitel werden standardmäßig aktiviert.

iv_load_policy=3 – Entfernt alle Anmerkungen.

modestbranding=1 – Blendet das YouTube-Logo aus.

Vollbildmodus zulassen – Kann dem HTML hinzugefügt werden , um den Vollbildplayer zuzulassen, wenn Sie es weglassen, können Benutzer das Video nicht im Vollbildmodus sehen.

Beispiel unten, entfernen Sie einfach den roten Teil des Codes:

<iframe width=“560″ height=“315″ src=“https://www.youtube.com/embed/B4yV3AO7G6E“ frameborder=“0″ allow=“autoplay; verschlüsselte Medien“ Allowfullscreen ></iframe>

Erweiterter Datenschutzmodus – Tauschen Sie den ersten Teil der URL von www.youtube.com zu www.youtube-nocookie.com aus.

Beispiel:

<iframe width=“560″ height=“315″ src=“https://www.youtube-nocookie.com/embed/B4yV3AO7G6E“ frameborder =“0“ allow=“autoplay; verschlüsselte Medien“ allowfullscreen></iframe>

Vollständige Liste der Anpassungsoptionen für den YouTube-Player.

Wie man YouTube-Videos mit einem Plugin in WordPress einbettet

Plugins sind nützlich und einfach zu installieren. Und Sie brauchen einen, wenn Sie eine YouTube- Galerie oder einen Live-Stream anzeigen möchten.

Hier ist ein Video-Tutorial:

Wenn Sie mehr wissen oder es in Ihrem eigenen Tempo angehen möchten, finden Sie unten dasselbe Tutorial.

Installieren Sie das YouTube-Plugin für WordPress

Die Installation des WordPress YouTube-Plugins ist einfach und funktioniert wie alle anderen Plugins.

1. Während Sie bei WordPress angemeldet sind, bewegen Sie den Mauszeiger über „Plugins“ in der linken Spalte und klicken Sie auf „Neu hinzufügen“.

Go Plugins“ in der linken Spalte und klicken Sie auf „Add New“

2. Geben Sie in der Suchleiste „YouTube“ ein.

Geben Sie youtube in die Suchleiste ein

3. Wählen Sie dann das „YouTube“-Plugin aus, es sollte die erste Option sein.

Wählen Sie das „YouTube“-Plugin

4. Klicken Sie auf „Jetzt installieren“.

PIugin installieren

5. Klicken Sie nach Abschluss der Installation auf „Aktivieren“.

"Aktivieren Sie"

6. Jetzt haben Sie „Youtube“ in der linken Spalte, klicken Sie einfach darauf.

„Youtube“ in der linken Spalte

Dieses Plugin bietet viele verschiedene Konfigurationsoptionen, ich werde nur die wichtigsten behandeln.

Der erste ist der YouTube-API-Schlüssel. Ich melde mich gleich zurück, da Sie dies von Google benötigen. Keine Sorge, es ist einfach.

YouTube-API-Schlüssel

Lassen Sie mich Ihnen zunächst andere wichtige Einstellungen zeigen. Scrollen Sie einfach nach unten. Wie Sie sehen können, stehen viele Optionen zur Auswahl. Das Wichtigste für mich ist, dass mein Video responsive ist. So passt es sich der Gerätegröße des Benutzers an.

ansprechbar

Setzen Sie einfach ein Häkchen bei „Responsive Video Sizing“.

Responsive Videogröße

Sie können mit den anderen Optionen herumspielen. Sie sind recht anschaulich erklärt. Aber wenn Sie Fragen zu einem von ihnen haben. Schreib mir unten einen Kommentar.

Okay, speichern wir diese Einstellungen.

sparen

Einzelnes Video einbetten

Als Nächstes werden wir ein einzelnes Video in einen Beitrag einbetten.

1. Gehen Sie zu Ihrem Beitrag in WordPress,

WordPress-Beitrag

2. Klicken Sie oberhalb des Textbereichs auf die Schaltfläche „YouTube“ (diese Schaltfläche sollte erscheinen, nachdem Sie das Plugin installiert haben).

Klicken Sie auf die Schaltfläche „YouTube“.

3. Ein Popup mit mehreren Auswahlmöglichkeiten erscheint, klicken Sie einfach auf „Ein einzelnes Video einbetten“,

Klicken Sie auf „Ein einzelnes Video einbetten“,

4. Fügen Sie die Video-URL ein. Es kann eine vollständige URL oder eine verkürzte URL sein.

Fügen Sie die Video-URL ein

5. Klicken Sie auf „Senden“.

"Einreichen"

6. Sie sehen eine Vorschau des Videos. Und du hast 2 Möglichkeiten. Für Pro-Benutzer gibt es eine Anpassungsoption. Dadurch können Sie die Videoattribute und die Platzierung auf der Seite im Detail anpassen.

Pro-Benutzer

7. Das brauchen wir jetzt nicht, also wählen wir „In den Editor einfügen“.

In den Editor einfügen

8. Jetzt sehen Sie eine seltsame URL in Ihrem Beitrag. Es ist nur ein Shortcode und WordPress wird dies erkennen und YouTube-Videos anzeigen, wenn der Benutzer es sieht.

Kurzcode

9. Speichern Sie die Änderungen, indem Sie auf „Aktualisieren“ klicken.

aktualisieren

10. Werfen wir einen Blick auf den Blogbeitrag im Frontend.

Blogeintrag

Wie Sie aus den Videoanzeigen gut sehen können. Schauen wir es uns auf dem Handy an.

per Rechtsklick irgendwo (das funktioniert auch auf Chrome)

Und wählen Sie „ Inspect element

Element prüfen

Wählen Sie hier rechts das Handy-Icon aus.

Handy-Symbol

Dadurch wird das Fenster auf mobile Größe angepasst.

mobile Größe

Das Video sieht gut aus und hat seine Proportionen beibehalten.

So erhalten Sie einen YouTube-API-Schlüssel für ein Plugin

Um Wiedergabelisten- und Kanaleinbettungen nutzen zu können, benötigen Sie den YouTube-API-Schlüssel. Wenn Sie bereits wissen, dass Sie einen benötigen, sehen Sie sich einfach dieses Tutorial an, in dem ich Ihnen zeige, wie Sie einen YouTube-API-Schlüssel erhalten.

Zeigen Sie eine YouTube-Galerie in WordPress an

Ich bin in den Einstellungen des YouTube-Plugins. Ich habe gerade den API-Schlüssel in meine Zwischenablage kopiert.

Jetzt nur noch im Feld „YouTube API Key“ hinzufügen und auf „Änderungen speichern“ klicken

sparen

Als nächstes gehen Sie zu Ihrem Beitrag.

1. Klicken Sie auf die Stelle, an der das Video im Textbereich erscheinen soll.

Textbereich

2. Wählen Sie oben die Schaltfläche „YouTube“.

„YouTube“-Schaltfläche

3. Und im Popup wählen Sie „Wiedergabeliste einbetten“.

„Wiedergabeliste einbetten“

Lassen Sie mich Ihnen zeigen, wie Sie eine Playlist auf YouTube erstellen. Dies funktioniert auch mit den Playlists anderer Leute.

4. Stellen Sie sicher, dass Sie bei Google angemeldet sind.

bei Google eingeloggt

5. Öffnen Sie auf der Startseite das Burger-Menü links, meins ist bereits geöffnet.

6. Und wählen Sie die Wiedergabeliste aus, die Sie anzeigen möchten.

Wiedergabeliste

7. Holen Sie sich die URL.

Holen Sie sich die URL

8. Fügen Sie nun die URL in WordPress ein.

Fügen Sie die URL ein

9. Sie sehen eine Vorschau der Wiedergabeliste und 3 Optionen. Ich zeige Ihnen gleich die Playlist-Option. Lassen Sie mich zuerst die Galerie auswählen.

Wählen Sie die Galerie

10. Speichern Sie die Änderungen.

Speichern Sie die Änderungen

Wenn wir uns jetzt die Seite ansehen, werden Sie sehen, dass es in meinem Beitrag eine Galerie mit Videos gibt.

Galerie

Auch hier sähe es so aus, wenn wir die Option „Playlist“ gewählt hätten. Es ist im Grunde eine voll funktionsfähige Wiedergabeliste und Sie haben sogar die Möglichkeit, durch die Videos in der Wiedergabeliste zu blättern.

Scrollen Sie durch die Wiedergabeliste

Betten Sie einen YouTube-Kanal ein

Das Hinzufügen eines YouTube-Kanals zu Ihrer Website sieht fast genauso aus wie die Playlist-Option.

So können Sie es hinzufügen:

  1. Gehen Sie zu Ihrem Beitrag.
  2. Klicken Sie auf die Schaltfläche „YouTube“.
  3. Und im Popup wählen Sie „Wiedergabeliste einbetten“

So erhalten Sie die Kanal-URL in YouTube.

1. Stellen Sie sicher, dass Sie bei Google angemeldet sind.

bei Google eingeloggt

2. Klicken Sie auf Ihr Symbol in der oberen rechten Ecke.

Youtube-Symbol

3. Und wählen Sie „Mein Kanal“.

"Mein Kanal"

4. Holen Sie sich die URL.

Holen Sie sich die URL

5. Fügen Sie nun die URL in WordPress ein (Achten Sie darauf, dass sie keine Werte wie ?view_as…. hat).

Fügen Sie die URL ein

6. Es wird eine Vorschau der Kanalvideos und drei Optionen geben. Ich zeige Ihnen gleich die Galerie-Option. Lassen Sie mich zuerst die Galerie auswählen.

Wählen Sie die Galerie

7. Speichern Sie die Änderungen.

Speichern Sie die Änderungen

Hier ist die Playlist des Kanals.

Kanal-Playlist

Und so sieht die Galerie des YouTube-Kanals aus. Wie Sie sehen können, hat es sogar eine Paginierung.

Kanal Galerie

Betten Sie einen YouTube-Livestream in WordPress ein

Es ist möglich, einen YouTube-Livestream von Ihrer Website hinzuzufügen.

  1. Wählen Sie im YouTube-Popup „Live-Stream einbetten“.
  2. Fügen Sie die URL des Kanals hinzu, von dem der Live-Feed gestreamt wird. (oder ein beliebiges Video von diesem Kanal. Das Plugin benötigt nur den Kanal).
  3. Gehen Sie zu WordPress.
  4. Und wählen Sie YouTube-Plugin-Einstellungen.
  5. Im Textbereich „Standardmäßiger Nicht-Live-Inhalt“ können Sie angeben, was angezeigt werden soll, wenn der Stream nicht live ist.

Hier ist ein Video-Tutorial für den Live-Stream:

Betten Sie YouTube in Ihre WordPress-Seitenleiste ein

Sie können auch ein YouTube-Video in Ihre Seitenleiste einbetten (in WordPress 4.8 und höher). Lassen Sie mich Ihnen zeigen, wie Sie das tun können.

  1. Gehen Sie zu „ Erscheinungsbild “ und wählen Sie „ Anpassen “.
  2. Klicken Sie auf „ Widgets “.
  3. Wählen Sie die Seitenleiste aus, der Sie das Video hinzufügen möchten.
  4. Geben Sie im Suchfeld „ Video “ ein und wählen Sie es aus.
  5. Klicken Sie auf „ Video hinzufügen “.
  6. Wählen Sie „ Von URL einfügen “.
  7. Schnappen Sie sich eine YouTube-Video-URL und fügen Sie sie in das Feld ein .
  8. Klicken Sie auf „ Zum Widget hinzufügen “.
  9. Und oben auf „ Speichern und veröffentlichen “ klicken.

Voila! Du bist fertig!

Betten Sie YouTube in HTML ein

Manchmal müssen Sie das Video nur in einfaches HTML einbetten.

Hier ist ein Video-Tutorial:

Holen Sie sich zuerst den Einbettungscode eines YouTube-Videos. Gehen Sie nun zu Ihrem HTML-Code und fügen Sie den Code für die Einbettung ein.

Fügen Sie den Code zum Einbetten ein

Sie sollten einen Code mit dem Wort „iframe“ darin sehen.

„iframe“ darin

Speichern Sie den HTML-Code.

Und jetzt können Sie das Video auf Ihrer Website ansehen.

Sehen Sie sich das Video auf Ihrer Website an

Okay, das Video sieht auf dem Desktop gut aus, aber was ist mit Mobilgeräten? Lass es uns überprüfen.

überprüfen

Sieht nicht so aus, als wäre das Video responsiv. Standardmäßig ist dies nicht der Fall und Sie benötigen ein wenig CSS, um es reaktionsfähig zu machen.

Responsive YouTube-Einbettung

Responsives Webdesign bedeutet lediglich, dass sich das Video an jede Bildschirmgröße anpasst . Das wollen wir auch mit unserem Video.

So sieht es unabhängig vom Gerät immer gut und im richtigen Verhältnis aus.

Um es Ihnen einfacher zu machen, fügen Sie einfach ein div um den iframe herum ein und geben Sie ihm einen Klassennamen „iframe-container“.

Zum Beispiel:

<div class="iframe-container">

<iframe width=“560″ height=“315″ src=“https://www.youtube.com/embed/9YffrCViTVk“ frameborder=“0″ allow=“autoplay; verschlüsselte Medien“ allowfullscreen></iframe>

</div>

Und hier ist das CSS, das Sie für ein responsives YouTube-Video benötigen:

.iframe-Container{
Position: relativ;
Breite: 100 %;
Polsterung unten: 56,25 %;
Höhe: 0;
}
.iframe-Container iframe{
Position: absolut;
oben:0;
links: 0;
Breite: 100 %;
Höhe: 100 %;
}

Also jetzt, wenn Sie die Website auf dem Handy überprüfen. Und selbst wenn Sie die Bildschirmgröße ändern, bleibt das Video in den gleichen Proportionen und das Video reagiert auf meine Bildschirmgröße.

Erweiterte Optionen des YouTube-Videoplayers

Beschleunigen Sie das Einbetten von YouTube-Videos mit verzögertem Laden

Tipp für Fortgeschrittene! Wenn Sie mehrere Videos auf Ihrer Seite haben, versuchen Sie, ein Plugin einzurichten, um YouTube-Videos verzögert zu laden.

Dadurch wird Ihre Website schneller geladen und Ihren Benutzern wird ein besseres Erlebnis geboten. Ich verwende das a3 Lazy Load-Plugin und es funktioniert hervorragend.

So können Sie ein YouTube-Video in WordPress laden:

Youtube Autoplay Embed (funktioniert auf mobilen iOS- und Android-Iframes)

Manchmal möchten Sie Ihr eingebettetes Youtube-Video automatisch abspielen. Ich zeige Ihnen zuerst die Standardmethode mit einem iframe und dann habe ich ein bisschen Code eingefügt, der die automatische Wiedergabe auch auf mobilen Geräten, sowohl IOS als auch Android, funktionieren lässt!

Ich werde WordPress verwenden, aber es funktioniert genauso in HTML.

Für die Standardeinbettung:

Fügen Sie dies hinzu: ?autoplay=1&mute=1
am Ende der Youtube-Video-Einbettungs-URL. Dies funktioniert aber nur auf dem Desktop.

Zum Beispiel:
<iframe id=“iframeID“ width=“560″ height=“315″ src=“https://www.youtube.com/embed/x1XYto1YKTo ?autoplay=1&mute=1 ” frameborder=“0″ allow=“accelerometer; automatisches Abspielen; verschlüsselte Medien; Gyroskop; Bild-im-Bild“ Vollbild zulassen></iframe>

Einbettung eines benutzerdefinierten Skripts:

Holen Sie sich das Skript, das auf Mobilgeräten funktioniert (IOS & Android):
Der ursprüngliche Code stammt aus dem Stapelüberlauf.

 <!-- 1. Der <iframe> (Videoplayer) ersetzt dieses <div>-Tag. -->
<div class="iframe-container">
  <div></div>
</div>
<Skript>
  // 2. Dieser Code lädt den IFrame-Player-API-Code asynchron.
  var tag = document.createElement('script');

  tag.src = "https://www.youtube.com/iframe_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  // 3. Diese Funktion erstellt einen <iframe> (und YouTube-Player)
  // nach dem Herunterladen des API-Codes.
  var-Player;
  Funktion onYouTubeIframeAPIReady() {
    Spieler = neuer YT.Player('Spieler', {
      Breite: '100%',
      Video-ID: "YOUR_VIDEO_ID",
      playerVars: { 'autoplay': 1, 'playsinline': 1 },
      Veranstaltungen: {
        'onReady': onPlayerReady
      }
    });
  }

  // 4. Die API ruft diese Funktion auf, wenn der Videoplayer bereit ist.
  Funktion onPlayerReady(event) {
     event.target.mute();
    event.target.playVideo();
  }
</script>

<Stil>
/* Youtube-Video responsiv machen */
  .iframe-Container{
    Position: relativ;
    Breite: 100 %;
    Polsterung unten: 56,25 %;
    Höhe: 0;
  }
  .iframe-Container iframe{
    Position: absolut;
    oben:0;
    links: 0;
    Breite: 100 %;
    Höhe: 100 %;
  }
</style>

Wenn Sie bemerkt haben, dass die automatische Einbettung von Youtube standardmäßig nicht funktioniert. Aber mit ein bisschen extra Skript von oben. Sie können die automatische Wiedergabe auf Mobilgeräten (Chrome und Safari) auch bei Verwendung eines Iframes verwenden.

Andere erweiterte Funktionen

Als Bonus-Tipp, wenn Sie wissen möchten, wie Sie verschiedene Einbettungsoptionen wie Autoplay erhalten.

Gehen Sie einfach zu Google und suchen Sie nach dem YouTube-Einbettungsgenerator.

Ich mag die von „Classynemesis“, aber im Wesentlichen sind sie alle gleich.

Auf der Website müssen Sie eine Video-URL hinzufügen und können alle verschiedenen Anpassungsoptionen hinzufügen.

Wählen Sie einfach die Funktionen aus, die Sie benötigen, und kopieren Sie dann den Einbettungscode oben.

Die häufigsten Probleme mit der YouTube-Einbettung

Der Videoeigentümer hat die YouTube-Einbettung deaktiviert

Wenn Sie Probleme beim Einbetten von YouTube-Videos auf Ihrer Website haben, liegt dies normalerweise daran, dass der Benutzer die Option für andere zum Einbetten dieses bestimmten Videos deaktiviert hat. Das Einbetten funktioniert also nicht.

In diesem Fall sehen Sie diese Meldung:

„Sehen Sie sich dieses Video auf YouTube an. Die Wiedergabe auf anderen Geräten wurde vom Videoeigentümer deaktiviert.“

In diesem Fall können Sie dieses spezielle Video nicht verwenden. Versuchen Sie, ein anderes ähnliches Video zu finden, oder müssen Sie sich etwas anderes einfallen lassen, vielleicht einen Screenshot aus dem Video, der den Benutzer zum Video führt?

Warum kann ich keine Videos in mein WordPress hochladen

Sie sollten in der Lage sein, jedes Video mit der Schaltfläche „Medien hinzufügen“ in WordPress hochzuladen. Es wird jedoch dringend empfohlen, YouTube oder Vimeo zu verwenden und das Video in Ihre Website einzubetten.

„Ein Video einbetten“ bedeutet, dass das Video so aussieht, als wäre es auf Ihrer Website, aber in Wirklichkeit ist es ein kleines Fenster (iframe), das von den Servern von YouTube oder Vimeo gestreamt wird.

Auf diese Weise sparen Sie viel Bandbreite und Ärger mit dem Speichern des Videos.

2018 YouTube-Video auf Facebook einbetten

Leider ist es 2018 nicht möglich, den YouTube-Videoplayer auf Facebook einzubetten.

Facebook entfernte die Möglichkeit im Jahr 2017, um die Popularität von Facebook-Videos zu steigern. Sie können den YouTube-Player also nicht auf Ihrer FB-Timeline anzeigen.

Das Beste, was Sie tun können, ist, ein großes Vorschaubild anzuzeigen, aber wenn jemand darauf klickt, wird er zu YouTube weitergeleitet. Unten ist ein Bild davon.

kann youtube video player nicht auf facebook einbetten

Sehen Sie sich die Diskussion über die Entfernung dieser YouTube-Einbettungsfunktion durch Facebook an.