Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Integration von Videos in Webseiten | Bilder und Medien
Quizzes & Challenges
Quizzes
Challenges
/
HTML-Grundlagen

bookIntegration von Videos in Webseiten

Das Einbetten eines Videos ist dem Einbetten einer Audiodatei ähnlich. Die verwendeten Attribute und Tags sind vergleichbar.

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: legt die automatische Wiedergabe fest;
  • loop: ermöglicht das kontinuierliche Wiederholen des Videos.
<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 Attribute controls, autoplay und loop;
  • 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 Text Your browser does not support the video element. angezeigt.
index.html

index.html

copy
Note
Hinweis

Zu den gängig unterstützten Videoformaten gehören MP4, WebM und Ogg. Es wird empfohlen, das Video in mehreren Formaten bereitzustellen, um die Kompatibilität mit verschiedenen Browsern und Geräten sicherzustellen.

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, Pausieren und Lautstärkeregelung hinzu?

question mark

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

Select the correct answer

question mark

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

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 5

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

bookIntegration von Videos in Webseiten

Swipe um das Menü anzuzeigen

Das Einbetten eines Videos ist dem Einbetten einer Audiodatei ähnlich. Die verwendeten Attribute und Tags sind vergleichbar.

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: legt die automatische Wiedergabe fest;
  • loop: ermöglicht das kontinuierliche Wiederholen des Videos.
<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 Attribute controls, autoplay und loop;
  • 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 Text Your browser does not support the video element. angezeigt.
index.html

index.html

copy
Note
Hinweis

Zu den gängig unterstützten Videoformaten gehören MP4, WebM und Ogg. Es wird empfohlen, das Video in mehreren Formaten bereitzustellen, um die Kompatibilität mit verschiedenen Browsern und Geräten sicherzustellen.

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, Pausieren und Lautstärkeregelung hinzu?

question mark

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

Select the correct answer

question mark

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

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 5
some-alt