Wie bette ich ein YouTube-Video in HTML ein?

Relevante Videoinhalte auf Ihrer Website zu haben, kann eine attraktive Funktion sein. Vielleicht geben Sie Anweisungen zu einem Thema, haben aber das Gefühl, dass es besser verstanden wird, wenn es auch auf Video gezeigt wird, oder wenn Sie eine Unternehmenswebsite haben, auf der Sie ein Video Ihres Unternehmens auf YouTube veröffentlichen möchten. Die Möglichkeiten, warum Sie ein Video auf Ihrem Blog oder Ihrer Website abspielen möchten, sind endlos, aber das Konvertieren von Videos in verschiedene Formate zur Wiedergabe auf Ihrer Website kann zeitaufwändig und kompliziert sein. Der einfachste Weg, ein Video in HTML hinzuzufügen, besteht darin, YouTube die Videos auf Ihrer Webseite abspielen zu lassen, indem Sie das Video einbetten. Hier finden Sie eine Schritt-für-Schritt-Anleitung zum Einbetten eines YouTube-Videos in HTML.

Wie füge ich ein Video mithilfe von Einbettungscode in HTML ein?

Befolgen Sie diese Schritte, um Videos auf Ihrer Webseite einzubetten:

1. Öffnen Sie die YouTube-Seite und suchen Sie das Video, das Sie einbetten möchten.
2. Klicken Sie auf die Schaltfläche „Teilen“ unterhalb des Videos, um die Freigabeoptionen zu öffnen.
3. Klicken Sie anschließend auf die Option „Einbetten“, die unter „Link teilen“ angezeigt wird. Dadurch wird ein Bildschirm mit dem YouTube-Video-Einbettungscode geöffnet, der auch als Iframe-Code bezeichnet wird.
4. Hier können Sie die Abmessungen des Videos anpassen, indem Sie die Breite und Höhe festlegen.
5. YouTube ermöglicht Ihnen auch die Anpassung Ihres Videos, indem es Ihnen die Möglichkeit gibt, es an jedem beliebigen Punkt zu starten. Geben Sie die gewünschte Startzeit neben dem Leerzeichen in der Option „Beginn um“ ein und aktivieren Sie das Kontrollkästchen.
6. Während Sie hier sind, können Sie der URL beliebige weitere Parameter hinzufügen. (Details finden Sie unter „So verwenden Sie Parameter“)
7. Klicken Sie auf „Kopieren“, um den YouTube-Einbettungscode in Ihre Zwischenablage zu kopieren.
8. Öffnen Sie die HTML-Optionen Ihrer Webseite. Websites werden mit HTML-Codes erstellt und der YouTube-Einbettungscode ist so konzipiert, dass er in diesen Code passt, sodass das Video unverändert angezeigt wird.
9. Finden Sie heraus, wo Sie Ihr Video auf der HTML-Seite platzieren möchten. Alles, was Sie auf der Seite angezeigt haben, ist auch im Code geschrieben. Wenn Ihr Video beispielsweise den Titel „How to Embed Tutorial“ tragen soll, sieht Ihr Code folgendermaßen aus:

Anleitung zum Einfügen

https://www.youtube.com/watch?v=6zbsUtQL4nY“frameborder=“0″allow=“accelerometer; Selbstreproduktion; Schreib-Zwischenablage; verschlüsselte Medien; Gyroskop; Bild in Bild „Vollbild zulassen“.

1. Fügen Sie den Videocode an der gewünschten Stelle ein.
2. Speichern Sie die Änderungen. Überprüfen Sie, ob sich das Video an der richtigen Stelle auf der Website befindet.

Wie verwende ich Parameter?

YouTube bietet einige Optionen zum Anpassen der Videowiedergabe. Sie können noch ein paar weitere Funktionen hinzufügen, indem Sie mit dem Einbettungscode experimentieren und zusätzliche Parameter hinzufügen. Hier haben wir einige nützliche Parameter zusammengestellt, die Sie möglicherweise verwenden möchten.

1. YouTube-Steuerparameter

Mit dem Parameter „YouTube-Steuerelemente“ können Sie die Steuerelemente am unteren Rand des Videos ausblenden oder beibehalten.

„controls=0“ bedeutet, dass die Player-Steuerelemente nicht angezeigt werden

„controls = 1“ bedeutet, dass die Player-Steuerelemente angezeigt werden

2. Bescheidener Markenparameter

Der Modestbranding-Parameter ist für die Darstellung jeglicher Art von Branding verantwortlich. In diesem Fall können Sie das Markenlogo und die Wiedergabeschaltfläche in YouTube-Videos ausblenden. Fügen Sie „modestbranding=1“ zum Iframe-Code hinzu, um das Branding zu entfernen.

3. Schleifenparameter

Wenn Sie Ihr Video für immer in einer Schleife abspielen möchten, sollten Sie den Loop-Parameter verwenden. „loop=1“ bedeutet, dass das Video in einer Schleife abgespielt wird, während „loop=0“ bedeutet, dass das Video nur einmal abgespielt wird, was auch der Standardmodus ist.

4. YouTube-Video-Autoplay-Parameter

Mit dem Autoplay-Parameter können Sie die automatische Wiedergabe eines eingebetteten Videos auf Ihrer Webseite starten. Durch Hinzufügen von „autoplay=1“ zum Einbettungscode wird das Video automatisch abgespielt.

5. Ruheparameter

Wenn Sie den Autoplay- oder Loop-Parameter verwenden, sollten Sie darüber nachdenken, auch den Mute-Parameter hinzuzufügen, da ein Video, das automatisch startet oder nie endet, Ihre Besucher möglicherweise verärgern und dazu führen kann, dass sie Ihre Website vorzeitig verlassen. „mute=1“ bedeutet, dass das Video lautlos abgespielt wird.

NOTIZ: Um einen der Parameter zu verwenden, fügen Sie die gewünschten Parameter direkt nach der Video-ID mit „&“ zum Video-Einbettungscode hinzu. (z. B. https://www.youtube.com/watch?v=5cWa4tbSmp& modestbranding = 1 & loop = 1“

FAQ zum Einbetten eines YouTube-Videos in HTML

Wie kann ich ein eingebettetes Video automatisch abspielen lassen?

Sie können ein eingebettetes Video automatisch abspielen lassen, indem Sie nach der Videoidentifizierung „autoplay=1“ zum Video-Einbettungscode hinzufügen.

Wie kann ich ein eingebettetes Video zu einem bestimmten Zeitpunkt starten?

Wenn Sie Ihr Video zu einem bestimmten Zeitpunkt starten möchten, fügen Sie einfach die gewünschte Startzeit neben dem Feld „Start um“ hinzu, das angezeigt wird, wenn Sie den Einbettungscode in YouTube öffnen, oder fügen Sie „?“ hinzu. Start = (Zeit)’ für den Video-Einbettungscode.

Wie kann ich eine eingebettete Videoschleife erstellen, sie aber stumm schalten?

Um ein eingebettetes Video in einer Schleife und lautlos abzuspielen, fügen Sie „&loop=1&mute=1“ zum YouTube-Einbettungscode hinzu.

Wie deaktiviere ich das Einbetten meines Videos?

Wenn Sie nicht möchten, dass Ihr Video möglicherweise auf externen Websites eingebettet wird, können Sie die Einbettung deaktivieren. Melden Sie sich bei YouTube Studio an, wählen Sie im linken Menü „Videos“ und dann die Details des Videos aus, das Sie verwalten möchten. Gehen Sie zu „Weitere Optionen“ und deaktivieren Sie das Kontrollkästchen neben „Einbettung zulassen“. Speichern Sie die vorgenommenen Änderungen.

Was ist der erweiterte Datenschutzmodus?

Im erweiterten Datenschutzmodus können Sie Videos einbetten, ohne Cookies zur Verfolgung des Anzeigeverhaltens zu verwenden. Wenn Sie nicht möchten, dass YouTube Daten von Ihren Website-Besuchern sammelt, aktivieren Sie den erweiterten Datenschutzmodus, indem Sie das Kästchen unter dem YouTube-Video-Einbettungslink aktivieren.

Fazit zum Einbetten eines YouTube-Videos in HTML

In diesem Artikel besprechen wir, warum die Verwendung eines YouTube-Videos auf Ihrer Website oder Ihrem Blogbeitrag von Vorteil sein kann, und erklären, wie Sie ein YouTube-Video mit dem von YouTube bereitgestellten Einbettungscode in HTML einbetten. Darüber hinaus erläutern wir die Verwendung von Parametern, ihre Funktionen und wie Sie durch das Hinzufügen von Parametern das Videowiedergabeerlebnis auf Ihrer Website an Ihre Bedürfnisse anpassen können.

Wenn Ihnen dieses Video zum Einbetten eines YouTube-Videos in HTML gefallen hat, könnten Sie auch an unseren anderen Artikeln auf YouTube interessiert sein, z. B. wie man aus einem YouTube-Video ein GIF erstellt.