Inhalt

Video-Integration auf Basis des Paypal-Players

Tastatur steuerbare und zugängliche Videolösung

Die nachfolgende HTML5-Video-Lösung für eine möglichst zugängliche Video-Integration setzt auf das Framework von Paypal Engineering auf. Die Besonderheiten dieser Lösung liegen in der hervorragenden Tastatursteuerbarkeit (inklusive versteckter Hilfetexte für Screenreader-Nutzer). Die schlanke Lösung erlaubt zudem die Integration von Untertiteln, die Kunden über Lösungen wie beispielsweise Subtitle-Horse selbst erstellen und bereitstellen müssen. Über das Icon "CC" werden Untertitel eingeblendet. JavaScript prüft, ob das dafür notwendige Track-Element vorhanden, bzw. das SRC-Attribut im Quellcode vorhanden oder befüllt ist. Ist das nicht der Fall, wird das CC-Icon nicht ausgeliefert.

Als JavaScript-Fallback für das Video selbst erscheint ein Fallback-Image, das im Prinzip frei gestaltsbare ist. Hier könnte eine Fehlermeldung integriert werden.

MP4 Video-Format der ersten Wahl

Die Erstellung und Integration von Videos ist Aufgabe von Redakteuren. Leider konnten sich die verschiedenen Browserhersteller in den vergangenen Jahren nicht auf einen gemeinsamen Video Codec einigen, so dass es davon mittlerweile einige gibt, die nur unterschiedlich unterstützt werden. Die Erfahrung hat gezeigt das Sie das beste Ergebnis mit MP4-Dateien erzielen. Lesen Sie dazu auch den Beitrag bei Mozilla über Unterstützte Videoformate.

Der richtige Video-Converter

So wie es aussieht verursachen unterschiedliche Videoformat-Converter unterschiedliche Probleme. Nachdem wir verschiedene Online-Converter durchgetestet haben, würden wir diesen Video-Konverter empfehlen. Der macht bei uns keine Probleme und die Videos im MP4-Format laufen.

Video-Größe beachten

Wichtig: manche Browser haben darüber hinaus noch Eigenheiten. Beispielsweise "frisst" der Internet Explorer keine Videos, die über 29 Megabyte groß sind und über einem Format von 1900 × 1088 Pixel liegen. Aber das sind ohnehin Download-Größen, die Sie vermeiden sollten.

Barrierefreiheit verbessern mit Transskript

Die Barrierefreiheit der Video Integration bezieht sich lediglich auf die direkte Zugänglichkeit, bzw. die Steuerung mit Tastatur sowie versteckte Hilfetexte für Screenreader-Nutzer. Auch die Möglichkeit einer Untertitel-Integration zielt in diese Richtung. Sie können die Barrierefreiheit von Video-Content (auch Audio Content) aber auch als Redakteur selbständig verbessern, wenn Sie für ein Transkript sorgen, welches die Inhalte des Videos in Textform zugänglich macht. Ein solches Transskript könnte unter dem Video stehen. Sie können es aber auch als barrierefreies PDF-Dokument zum Download bereitstellen.