Medienelemente in HTML

HTML unterstützt die direkte Einbindung von Multimedia-Inhalten wie Audio und Video. Die beiden Hauptelemente dafür sind <audio> und <video>.

Audio einbinden – <audio>

Mit dem <audio>-Element können Sie MP3-, OGG- oder WAV-Dateien einfügen. Das Attribut 'controls' zeigt dem Nutzer ein Interface zum Abspielen, Pausieren oder Zurückspulen.

Video einbinden – <video>

Das <video>-Element erlaubt das Abspielen von Videos direkt auf der Seite. Mit dem 'controls'-Attribut wird ein Player angezeigt, und weitere Attribute wie 'autoplay', 'muted' oder 'loop' steuern das Verhalten.

Allgemeine Attribute

Die <audio>- und <video>-Elemente unterstützen mehrere Attribute. 'controls' zeigt den Player, 'autoplay' startet automatisch, 'muted' schaltet den Ton aus und 'loop' wiederholt die Wiedergabe.

Unterstützte Dateiformate

Gängige Audioformate sind MP3, OGG und WAV. Bei Videos werden MP4, WebM und OGV häufig unterstützt. Mehrere Formate erhöhen die Kompatibilität mit verschiedenen Browsern.

Alternativer Inhalt für nicht unterstützte Browser

Text, der innerhalb von <audio>- oder <video>-Elementen platziert wird, erscheint in Browsern, die diese nicht unterstützen. Dies kann Warnungen oder Download-Links umfassen.

Praktische Tipps

Fügen Sie immer mehrere <source>-Elemente hinzu, um die Unterstützung verschiedener Browser sicherzustellen. Optimieren Sie Dateien für schnelle Ladezeiten und ein reibungsloses Nutzererlebnis.