So eingebettest du ein Video in ein HTML-Dokument

In diesem Tutorial zeige ich dir, wie du Videos mit HTML in Webseiten einbindest.

Hier lernst du, wie du ein Video in ein HTML-Dokument einfügst. Videos sind eine der besten Methoden, um Dinge zu erklären. Deshalb wird das Einbinden von Videos in HTML immer beliebter – es gibt sogar spezielle Videoplattformen im Internet. Gleichzeitig nutzen viele Leute Videos in ihren HTML-Lebensläufen und teilen die Links mit potenziellen Arbeitgebern.

Schritt 1 – Videotag mit Breite und Höhe

Hier binden wir ein Video vom Desktop ein, das wir als Beispiel verwenden. Um zu beginnen, klickst du mit der rechten Maustaste auf die Datei und wählst *Eigenschaften*. Hier gibt es drei Dinge, die du dir merken musst: den Dateinamen, die Dateiendung und die Höhe und Breite des Videos.

Jetzt erstellen wir ein HTML-Dokument. Öffne den Editor und beginne mit dem <video>-Tag.

In diesem Tag legen wir die Abmessungen des Videos fest – sie sollten exakt denen der Originaldatei entsprechen.

Schritt 2 – Pfad des Videos im Source-Tag

Jetzt müssen wir den Pfad zur Videodatei angeben. Dafür fügen wir ein <source>-Tag ein. Schreibe src=, gefolgt vom Gleichheitszeichen. Der Pfad muss in Anführungszeichen stehen. Jetzt kannst du den Pfad zur Datei zwischen den Anführungszeichen eingeben.

Wichtig zu wissen: Falls sich deine HTML-Datei und die Videodatei im selben Ordner befinden, reicht es, nur den Dateinamen mit...