Videos sind sehr beliebt. Ein YouTube-Video (oder auch Vimeo) in einer Inhaltsseite von WordPress einzufügen geht ganz einfach.  Wie immer gibt es mehrere Möglichkeiten – hier findest Du 2 Varianten.

Inhalt:

  1. Variante 1 – direkt über URL des Videos
  2. Variante 2 – Einbettungscode von Youtube
  3. Video Anleitung mit Variante 1 und 2
  4. Basis Tipp
  5. Profi Tipp

Variante 1 – direkt über URL des Videos

  1. Öffne das Video auf YouTube So dass Du es Dir ansehen kannst.
    Klicke danach auf Pause, damit bei kurzen Videos nicht plötzlich das nächste geladen wird.
  2. Kopiere die URL des Videos
    WordPress: Youtube Video richtig einfügen
  3. Wechsle nun zu Deiner WordPress Installation und gehe zu Deiner gewünschten Inhaltsseite (Beitrag oder Seite).
  4. Klicke im Text zu dieser Stelle, an welcher das Video erscheinen soll. (Cursor setzen)
  5. Füge nun die URL des Videos ein
  6. Warte einen kleinen Moment bis WordPress das Video geladen hat. Danach kannst Du den Inhalt speichern und das Video ist fertig eingefügt.

Variante 2 – Einbettungscode von YouTube

Die Variante 1 genügt in den allermeisten Fällen. Wenn Du mehr Einstellungen vornehmen möchtest kannst Du ein Video auch über den Einbettungscode von YouTube einfügen.

  1. Öffne wieder das Video auf YouTube  So dass Du es Dir ansehen kannst.
    Klicke danach auf Pause, damit bei kurzen Videos nicht plötzlich das nächste geladen wird.
  2. Gehe unterhalb des Videos auf Teilen (1) -> Einbetten (2) und danach auf Mehr Anzeigen (3)
    WordPress: Youtube Video richtig einfügen
  3. Hier (1) kannst Du nun verschiedene Einstellungen vornehmen. Zum Beispiel die Video Grösse oder ob am Ende des Videos neue Videos vorgeschlagen werden sollen usw.
    Sobald Du alles eingestellt hast – kopiere den Code (2)WordPress: Youtube Video richtig einfügen
  4. Wechsle nun zu Deiner WordPress Installation und gehe zu Deiner gewünschten Inhaltsseite (Beitrag oder Seite).
  5. Wähle die Text Ansicht (1) und füge den kopierten Code an der gewünschten Stelle ein. (2)
    WordPress: Youtube Video richtig einfügen
  6. Speichern und Fertig!

Video Anleitung

Hier findest Du beide Varianten in einem kurzen Video.

Aktivieren Sie JavaScript um das Video zu sehen.
Video-Link: https://youtu.be/ha5hZuVn4zA

 

Basis Tipp

In diesem Beitrag wird oft von URL kopieren und einfügen gesprochen. Hier eine kurze Anleitung wie dies geht.

So geht’s  -kopieren der URL des Videos

  • Klicke mit der rechten Maustaste in die Adressleiste (1) Deines Browsers
  • Wenn die URL nun noch nicht markiert ist – klicke je nach Browser auf „alles auswählen / alles markieren / alle auswählen“ (2)
  • Klicke nochmals mit der rechten Maustaste in die Adressleiste (1) und wähle Kopieren (3)WordPress: Youtube Video richtig einfügen

So geht’s – einfügen der URL des Videos

Je nach Editor, welchen Du verwendest kann dieser Vorgang unterschiedlich sein.

Mit TinyMCE Advanced geht dies z.B. über Bearbeiten (1) – Einfügen (2)

WordPress: Youtube Video richtig einfügen

Meistens geht es auch mit rechter Maustaste – einfügen
oder
Was immer funktioniert ist die Tastenkombination Ctrl + V bzw. Strg + V

Profi Tipp

Videos werden in responsiven Designs (mobile Ansicht) oftmals zu gross angezeigt. Abhilfe schafft hier folgender Eintrag in Deinem CSS File.

iframe {
max-width: 100%;
}

War gar nicht so schwierig oder?

Viel Spass und denk daran – bleib natürlich auch online!
Karin Zeilinger