Integration von Videos in Webseiten
Das Einbetten eines Videos ähnelt dem Einbetten einer Audiodatei. Die verwendeten Attribute und Tags sind vergleichbar. Nachfolgend eine detaillierte Betrachtung.
Video einbetten
Das <video>-Tag bettet Videoinhalte in ein HTML-Dokument ein und ermöglicht es Nutzern, Videos direkt im Browser abzuspielen.
Video-Attribute
controls: Fügt Videosteuerungen für Wiedergabe, Pause und Lautstärkeregelung hinzu;autoplay: Aktiviert die automatische Wiedergabe;loop: Ermöglicht das kontinuierliche Wiederholen des Videos.
Beispiel:
<video controls autoplay loop>
<!-- Source tags will be defined here -->
</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.
Beispiel:
<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 Attributecontrols,autoplayundloop; - Die
<source>-Tags geben die Quell-URLs der Videodateien und deren MIME-Typen an; - Falls der Browser das
<video>-Tag oder die angegebenen Videoformate nicht unterstützt, wird der alternative TextYour browser does not support the video element.angezeigt.
index.html
Videoanleitung
1. Welches Tag wird verwendet, um Videoinhalte in ein HTML-Dokument einzubetten?
2. Welches Attribut der Tags <video> und <audio> fügt Steuerelemente wie Abspielen, Pausieren und Lautstärkeregelung hinzu?
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Can you show me an example of how to add multiple videos with titles in HTML?
What are the best practices for making videos accessible on a website?
How can I customize the appearance of the video player using CSS?
Awesome!
Completion rate improved to 3.13Integration von Videos in Webseiten
Swipe um das Menü anzuzeigen
Das Einbetten eines Videos ähnelt dem Einbetten einer Audiodatei. Die verwendeten Attribute und Tags sind vergleichbar. Nachfolgend eine detaillierte Betrachtung.
Video einbetten
Das <video>-Tag bettet Videoinhalte in ein HTML-Dokument ein und ermöglicht es Nutzern, Videos direkt im Browser abzuspielen.
Video-Attribute
controls: Fügt Videosteuerungen für Wiedergabe, Pause und Lautstärkeregelung hinzu;autoplay: Aktiviert die automatische Wiedergabe;loop: Ermöglicht das kontinuierliche Wiederholen des Videos.
Beispiel:
<video controls autoplay loop>
<!-- Source tags will be defined here -->
</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.
Beispiel:
<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 Attributecontrols,autoplayundloop; - Die
<source>-Tags geben die Quell-URLs der Videodateien und deren MIME-Typen an; - Falls der Browser das
<video>-Tag oder die angegebenen Videoformate nicht unterstützt, wird der alternative TextYour browser does not support the video element.angezeigt.
index.html
Videoanleitung
1. Welches Tag wird verwendet, um Videoinhalte in ein HTML-Dokument einzubetten?
2. Welches Attribut der Tags <video> und <audio> fügt Steuerelemente wie Abspielen, Pausieren und Lautstärkeregelung hinzu?
Danke für Ihr Feedback!
