16 Video einbetten
AwesomeCo möchte eine neue Reihe mit Schulungsvideos auf seiner Website präsentieren. Die Videos sollen auf so vielen Geräten wie möglich darstellbar sein, insbesondere auf dem iPad. Zum Test wurden uns zwei Videos aus der Reihe „Photoshop-Tipps“ überlassen, mit denen wir den Prototyp erstellen werden. Glücklicherweise haben wir die Videodateien in den Formaten H.264, Theora und VP8 bekommen, sodass wir uns auf die Erstellung der Seite konzentrieren können.[38]
Das video-Tag funktioniert genauso wie das audio-Element. Wir müssen lediglich unsere Quellen angeben, und schon zeigen Chrome, Firefox, Safari, iPhone, iPad und der Internet Explorer 9 das Video ohne zusätzliche Plugins an. Das Markup für unsere erste Videodatei 01_blur ...
Get HTML5 & CSS3 (Prags) now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
