01.10.2013 | Ausgabe 10/2013

Responsive-HTML5-Video

Mit diesem Beitrag wird ein standardkonformes, browsernatives Verfahren eingeführt, das die Distribution von Videodaten an ein HTML5-Videoelement in Abstimmung mit dem Konzept des Responsive-Webdesigns an die spezifischen Darstellungsmöglichkeiten des betrachtenden Endgeräts anpasst. Die Lösung berücksichtigt neben den gegebenen Anzeigefähigkeiten auch den Aspekt des Datentransfervolumens und definiert somit einen Kompromiss zwischen der großen Anzahl an zu unterstützenden Anzeigeflächen und einer minimalen zu übertragenden Datenmenge.

This article introduces a standards-compliant browser-native video data distribution approach that delivers the content to an HTML5 video element. In line with the ideas behind the concept of Responsive Web Design, the video is not only scaled to the available view port but also its encoding and resolution are adapted to match the display capabilities of the receiving device. In this way, the presented schemes provide a method for distributing video content to a broad variety of devices while keeping the data transfervolume balanced.


Newsletter
Ja, ich möchte den Newsletter von FKT abonnieren