Wie fügt man ein Video auf der HTML-Seite hinzu

Das jeweilige Tutorial zeigt, wie fügt man ein Video auf der HTML-Seite hinzu.

Video von YouTube

1. Öffnen Sie ein Video auf der Website YouTube, klicken Sie mit der rechten Maustaste aufs Video und wählen Sie in der DropDownListe die Option Code zum Einbauen erhalten (Get embed code). Kopieren Sie diesen Code.

   

2. Fügen Sie den kopierten Code in die notwendige Stelle in der .html Datei ein und speichern Sie die Änderungen.

   

3. Aktualisieren Sie die Seite und schauen Sie die Änderungen auf der Website an.

   

Video von Vimeo

1. Öffnen Sie ein Video auf der Website Vimeo und klicken Sie aufs Icon Teilen (Share). Sie können das Videodesign ändern, indem Sie auf den Link Optionen zeigen (Show options)klicken. Kopieren Sie den Code aus dem Feld Einfügen (Embed).

   

2. Fügen Sie den kopierten Code in die notwendige Stelle in der .html Datei ein und speichern Sie die Änderungen.

   

3. Aktualisieren Sie die Seite und schauen Sie die Änderungen auf der Website an.

   

WEB Player

1. Jetzt zeigen wir, wie fügt man ein Video mittels WEB Players hinzu. Wir sollen den Code, der unten angezeigt ist, hinzufügen. Code source src="video1.mp4" definiert den Pfad zur Videodatei, Code type="video/mp4" definiert den Dateityp. Die ausführliche Information über den Tag video können Sie erhalten, indem Sie diesem Link folgen.

   ?

   1 2 3 4

   <video width="320" height="240" controls=""> <source src="video1.mp4" type="video/mp4"> Your browser does not support the video tag. </video>

2. Fügen Sie den kopierten Code in die notwendige Stelle in der .html Datei ein und speichern Sie die Änderungen.

   

3. Aktualisieren Sie die Seite und schauen Sie die Änderungen auf der Website an.

   

Sie können auch das ausführliche Video-Tutorial nutzen: