Video in HTML einbetten

Mit dem <video>-Element können Sie Videos direkt auf einer Webseite anzeigen. Moderne HTML-Standards unterstützen die Wiedergabe ohne externe Plugins.

Einfaches Video einbetten

Um ein einfaches Video einzubetten, verwenden Sie das <video>-Element mit einem oder mehreren <source>-Elementen. Das Attribut 'controls' zeigt die Bedienelemente an.

Allgemeine Attribute

Das <video>-Element unterstützt mehrere nützliche Attribute: - 'controls' – zeigt Bedienelemente - 'autoplay' – startet automatisch - 'muted' – startet stumm - 'loop' – wiederholt die Wiedergabe - 'poster' – zeigt ein Vorschaubild vor dem Laden

Unterstützung mehrerer Formate

Da nicht alle Browser dieselben Formate unterstützen, sollten Sie mehrere <source>-Elemente mit verschiedenen Dateitypen (z. B. MP4, WebM, OGG) bereitstellen. Der Browser verwendet das erste unterstützte Format.

Barrierefreiheit und Kompatibilität

Fügen Sie immer einen Fallback-Text innerhalb des <video>-Elements ein, falls der Browser es nicht unterstützt. Verwenden Sie auch das 'title'-Attribut oder alternativen Text, wenn das Video wichtige Informationen enthält.

Praktische Tipps

Komprimieren und optimieren Sie Videodateien für schnelles Laden. Für größere Videos empfiehlt sich ein externer Dienst wie YouTube oder ein CDN. Bieten Sie auch Untertitel oder alternative Inhalte an.