Integrating the [video] element with HTML5

Thomas Verbeek, University of Otago

Track: Web & HTML5; Audience: Intermediate

HTML5 introduced the video element to provide a standard way for playing videos on the web without plugins. It’s popularity is rapidly increasing with increased support and capabilities across browsers. Aside from being a replacement for Flash, the video element can also be used for synchronized media, CSS filters and more.

This presentation will be a beginners guide through the video element in HTML5. It will cover the basics of the element (what it is, how it is supported); syntax for defining and interacting with the video element (HTML syntax, attributes, integration with other elements); some simple techniques (controls, poster, CSS filters); more advanced manipulations (media controllers for synchronized playback, fullscreen display); and the politics of browser support. Prior knowledge of general HTML and Javascript is expected.