Wenn du dein Youtube Video mit HTML in deine Webseite einbinden möchtest, dann geht das relativ einfach. Wie das genau geht zeige ich dir in diesem Beitrag.

HTML-Einbindung von YouTube-Videos

Die einfachste und empfohlene Methode zum Einbinden eines YouTube-Videos ist die Verwendung des Einbettungscodes, der direkt von YouTube generiert wird.

youtube video in html einbinden

So funktioniert’s:

  1. Öffne das YouTube-Video, das du einbinden möchtest.
  2. Klicke auf die Schaltfläche „Teilen“ unter dem Video.
  3. Wähle die Option „Einbetten“ aus.
  4. Kopiere den bereitgestellten HTML-Einbettungscode.
  5. Füge den kopierten Code in deine HTML-Seite an der Stelle ein, an der das Video angezeigt werden soll.
HTML
<!DOCTYPE html>
<html>
<head>
<title>YouTube-Video-Einbindung</title>
</head>
<body>

<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

</body>
</html>

Vorteile:

Nachteile:

iFrame-Einbettung:

Fortgeschrittene Benutzer können YouTube-Videos mithilfe eines generischen iFrame-Elements in HTML einbinden. Dies bietet mehr Flexibilität und Kontrolle über die Darstellung des Videos.

HTML
<!DOCTYPE html>
<html>
<head>
<title>YouTube-Video-Einbindung</title>
</head>
<body>

<iframe src="https://www.youtube.com/embed/VIDEO_ID" width="560" height="315" frameborder="0" allowfullscreen></iframe>

</body>
</html>

Vorteile:

Nachteile:

Zusätzliche Hinweise:

Ähnliche Beiträge

youtube youtube video einbinden

Über mich