Die Attribute des HTML5-Players

Browser, die keinen HTML5-Support unterstützen
Moderne Webbrowser haben mit den hier aufgeführten HTML5-Player-Attributen kein Problem. Um auch jenen Nutzern Videos anbieten zu können, die noch ältere Browser verwenden, kann kulanterweise ein anderes Türchen geöffnet werden. Standardmäßig würde in Playern ohne HTML5-Unterstützung, anstatt des Videos, eine Fehlermeldung angezeigt. Das muss nicht sein, also baut man innerhalb des video-Elements einen Textlink ein. Der Nutzer hat somit die Wahl, das Video herunterzuladen und in einem lokalen Mediaplayer anzuschauen. Zusätzlich könnte noch ein Alternativtext höflich darauf hinweisen, weshalb das Video nicht abgespielt wird. Das Beispiel zeigt, wie man's machen könnte:

HTML5-Code des Video-Players
<video id="video" width="800" height="auto" poster="/vorschaubild.jpg" controls>
  <source src="/videodatei.mp4" type="video/mp4">
    <p>
      Leider unterstützt ihr Browser kein HTML5-Video.
      <src="videodatei.mp4"> Laden Sie stattdessen das Video herunter.
    </p>
</video>
Attribute des Video-Tags:
width: Breite des Videos in Pixel
height: Höhe des Videos in Pixel
controls: Die Steuerelemente im Player werden anzeigt, um das Video u. a. zu starten und stoppen. Das Weglassen von "controls" versteckt den Player. Gegebenenfalls wird nur ein Play- bzw. Pause-Button angezeigt.
poster: Damit kann ein Bild festgelegt werden, das angezeigt wird, bis das Video gestartet wird. Dieses Attribut verhindert eine häufig schwarze Fläche als Startbildschirm.
autoplay: Mit diesem Attribut wird das Video automatisch gestartet, nachdem die HTML-Seite geöffnet wurde. Dieses Attribut sollte mit Vorsicht verwendet werden, da ein sofortiges Losdudeln meist störend empfunden wird.
loop: Das Video wird so lange wiederholt, bis es vom Besucher gestoppt wird oder das Fenster geschlossen wird.
autobuffer: Damit wird die Zwischenspeicherung des Videos aktiviert, um das Video möglichst ruckelfrei wiederzugeben.

Attribute des Source-Tags:
src: Die Abkürzung "src" steht für source (Quelle) Hier wird der relative oder absolute Pfad zur jeweiligen Videodatei angegeben.
type: Die korrekte Angabe des MIME-Typs ("video/mp4", "video/webm", "video/ogg"), wird bei "src" angegeben. MIME bedeutet Multipurpose Internet Mail Extension und ist eine Spezifikation für die Übermittlung von verschiedenen Dateitypen, wie z.B. den Images, Musik, Texte, Videos, Archiven usw.
id: Ein id-Attribut kann optional verwendet werden, um auf eine bestimmte Stildeklaration in einem Stylesheet verweisen. Die Werte müssen den HTML5-Medien entsprechen.
muted: Mit dem muted-Attribut wird der Ton des Videos auf stumm gestellt. Dieses Attribut ist überflüssig, da die Steuerelement "controls" auch eine Stummschaltung beinhalten. Vermutlich wird es aus diesem Grung von den meisten Browsern ignoriert.
preload: Das preload-Attribut empfiehlt dem Browser, wie beim Laden der Webseite die Videodatei vorgeladen werden soll. Dazu stehen Ihnen drei Werte zur Verfügung:
auto:
Das gesamte Video kann heruntergeladen werden, selbst wenn es der Nutzer nicht vollständig ansieht.
metadata:
Es werden lediglich Metadaten vorgeladen.
none:
unterbindet das Vorladen von Videodaten. Der Datenverkehr des Servers wird minimiert.

Für den Betrieb unserer Webseite nutzen wir Cookies. Bei Ablehnung, stehen möglicherweise nicht mehr alle Funktionalitäten der Seite zur Verfügung.