Zum Inhalt springen

Einbinden von YouTube-Videos auf der Homepage

In dieser Anleitung werden wir Ihnen erklären, wie es möglich ist ein Video von YouTube auf der Homepage einzubinden. YouTube selbst bietet eine komfortable Möglichkeit HTML-Code zu generieren und diesen auf der Homepage einzubetten.

Wechseln Sie zu Beginn zu der Seite, auf der Sie das Video einbauen wollen. In unserem Fall ist die Seite leer:

YouTube

Klicken Sie oben links auf den Zauberstab und wechseln Sie in den Reiter Fortgeschrittene Elemente:

Zauberstab_fortgeschirttene_Elemente

 

 

Suchen Sie das Feld Flexibler Inhalt und greifen Sie das Element mit der Maus an dem Quadrat auf der rechten Seite. Ziehen Sie das Element an die Stelle, an der das Video später angezeigt werden soll:

Flexibler_Inhalt_reinziehen

Fahren Sie nun mit der Maus über die Zielscheibe bei der neu angelegten Komponente. Es erscheinen drei neue Felder. Klicken Sie auf den Stift.

Flexibler_Inhalt_bearbeiten

Sie sehen folgendes Fenster:

Code_Fenster

Geben Sie in das Feld Titel einen passenden Titel ein.

Um an den HTML-Code zu kommen, öffnen Sie in einem neuen Browser-Fenster einfach das YouTube-Video, das verlinkt werden soll (so, als würden Sie sich das Video als ganz normaler Benutzer ansehen). Klicken Sie auf den Teilen-Button unterhalb des Videos:

Teilen_Button

Es öffnet sich ein neues Fenster, das verschiedene Möglichkeiten zum Teilen bietet. Klicken Sie hier auf Einbetten

Einbetten

 

 

Erneut öffnet sich ein Fenster, das auf der linken Seite eine Vorschau zeigt und rechts den Code generiert, den man zum Einbetten braucht. Diesen Code markieren Sie mit einem Doppelklick und kopieren Ihn mit STRG + C oder Rechtklick und Kopieren. 

Code_kopieren

Wechseln Sie jetzt wieder zurück in das CMS-System und fügen Sie in das Feld Code den kopierten Quelltext ein:

Code_einfuegen

Sie sehen im unteren Bereich das Feld Externe Cookies sind erforderlich. Ist diese Option aktiviert, so muss der Benutzer der Verwendung von externen Cookies zustimmen, bevor der Code des Elements ausgeführt werden kann. Verwenden Sie diese Option dann, wenn Sie den Einbettungscode eines externen anbieters einfügen. Setzen Sie also den Haken in diesem Feld:

externe_cookies_erforderlich

 

 

Klicken Sie abschließend auf das Speichern-und-Schließen-Symbol.

Speichern

 

 

Sie sehen nun das eingebettete Video auf der Seite (Vorrausgesetzt Sie haben bei dem Cookie-Banner die entsprechende Auswahl getroffen, dass auch Inhalte von externen Seiten mit angezeigt werden):

Finales_Ergebnis

Veröffentlichen Sie Ihre Änderungen. Das Video wird jetzt auf der Homepage angezeigt.