Ein Video einzubetten ist ähnlich wie das Einbetten von Audio. Die verwendeten Attribute und Tags sind vergleichbar. Lassen Sie uns einen detaillierten Blick darauf werfen.

## Video einbetten
Der `<video>`-Tag bettet Videoinhalte in ein HTML-Dokument ein, sodass Benutzer Videos direkt im Browser abspielen können.

## Video-Attribute
- `controls`: Fügt Videosteuerungen für Wiedergabe, Pause und Lautstärkeregelung hinzu;
- `autoplay`: Gibt die Autoplay-Funktionalität an;
- `loop`: Ermöglicht kontinuierliches Video-Looping.

**Beispiel**:
```html
<video controls autoplay loop>
  
</video>
```

## Quelle
Das `<source>`-Tag wird innerhalb des `<video>`-Tags verwendet, um die Quelle (URL) der Videodatei und deren Attribute anzugeben. `src` gibt die URL der Videodatei an. `type` gibt den MIME-Typ der Videodatei an.
<br>**Beispiel**:
```html
<video controls autoplay loop>
  <source src="video-url.mp4" type="video/mp4" />
  <source src="video-url.webm" type="video/webm" />
  Your browser does not support the video element.
</video>
```
Im obigen Beispiel:
- Das `<video>`-Tag enthält die Attribute `controls`, `autoplay` und `loop`;
- Die `<source>`-Tags geben die Quell-URLs der Videodateien und deren MIME-Typen an;
- <u>Wenn der Browser das `<video>`-Tag oder die angegebenen Videoformate nicht unterstützt, wird der alternative Text `Your browser does not support the video element.` angezeigt.</u>


PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPlZpZGVvPC90aXRsZT4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDx2aWRlbyBjb250cm9scyB3aWR0aD0iMjIwIj4KICAgICAgPHNvdXJjZQogICAgICAgIHNyYz0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEtdjIuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY291cnNlcy8zOTJmMjRhYy0wMTI2LTRjMzQtYTI4YS1mMmYyNmQxMjE5NmIvc2VjdGlvbi0zL3NlYS13YXZlcy12aWRlby1leGFtcGxlLm1wNCIKICAgICAgICB0eXBlPSJ2aWRlby9tcDQiCiAgICAgIC8+CiAgICAgIFlvdXIgYnJvd3NlciBkb2VzIG5vdCBzdXBwb3J0IHRoZSB2aWRlbyBlbGVtZW50LgogICAgPC92aWRlbz4KICA8L2JvZHk+CjwvaHRtbD4=

Welches Tag wird verwendet, um Videoinhalte in ein HTML-Dokument einzubetten?

Welches Attribut der `<video>`- und `<audio>`-Tags fügt Steuerelemente wie Abspielen, Pause und Lautstärkeregelung hinzu?

Beherrschen Sie die Grundlagen von HTML. Erkunden Sie alles, von der Webverständnis bis zu fortgeschrittenen HTML-Themen wie Listen, Links, Bilder, Medieneinbettung, Tabellen, Formulare und semantisches HTML, und erstellen Sie Ihre erste Website.

Erhalten Sie eine Einführung in das Web und HTML, einschließlich der Bedeutung von Tags, Elementen und Attributen. Lernen Sie die grundlegende Struktur eines HTML-Dokuments und die kurze Geschichte des Webs kennen.

Beherrschen Sie die Grundlagen der HTML-Auszeichnung, mit Schwerpunkt auf spezieller Textformatierung und Listen, und verstehen Sie deren Bedeutung bei der Strukturierung von Inhalten innerhalb eines HTML-Dokuments. Tauchen Sie in die Feinheiten der HTML-Dokumentstruktur ein, während Sie Ihre Techniken zur Textauszeichnung verfeinern.

Entfesseln Sie die Kraft von visuellen und auditiven Inhalten in der Webentwicklung, indem Sie lernen, Bilder, Video- und Audioelemente nahtlos in HTML-Dokumente zu integrieren. Erkunden Sie die Feinheiten der Einbindung verschiedener Medienformate.

Navigieren Sie durch die Feinheiten der Datenpräsentation und Benutzerinteraktion mit einer umfassenden Abdeckung von Tabellen und Formularen in HTML, einschließlich Tabellenstrukturen, Formularerstellung und Eingabeelementen. Erwerben Sie Kenntnisse in der Implementierung von Formulareingabeelementen und der Nutzung von Attributen für erweiterte Funktionalität.

Heben Sie Ihre HTML-Fähigkeiten auf die nächste Stufe, indem Sie sich mit semantischen HTML-Elementen befassen, die es Ihnen ermöglichen, gut strukturierte und zugängliche Webinhalte zu erstellen. Beginnen Sie mit dem Bau Ihrer ersten Website und wenden Sie das neu erworbene Wissen an, um Ihre Ideen zum Leben zu erwecken.

Html-Grundlagen

Video

Video einbetten

Video-Attribute

Quelle

Video Tutorial

1. Welches Tag wird verwendet, um Videoinhalte in ein HTML-Dokument einzubetten?

2. Welches Attribut der `<video>`- und `<audio>`-Tags fügt Steuerelemente wie Abspielen, Pause und Lautstärkeregelung hinzu?