Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.


There's probably nothing bigger in the HTML5 landscape than the new video tag. You can play videos without having to use Flash or embed code, and that means your videos are playable on more browsers and more devices. In this video, HTML5 guru David Griffiths shows you the ins and outs of creating a video and then accessing that video's properties through JavaScript

The experts in the O'Reilly Breakdown live video series not only break down the concepts of difficult and complex subjects, they also demonstrate practical implementation and use. Each episode features an experienced programmer, developer, or software designer working on real-world challenges, ranging from iPad user interface design and multi-tasking on Android phones to caching in cloud-based applications.

Subscriber Reviews

Average Rating: 3 out of 5 rating Based on 4 Ratings

"got me up to speed quick" - by perred on 01-AUG-2012
Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
Thanks for this video series. You quickly got me up to speed interacting with video.

The two instructors here speak about how it is good that the browser is now handling video, whereas before it was given up to plugins (unnamed, but I'm sure they're referring to Flash mostly) that instruct the browser: just give us this rectangle on the screen and we'll take it from here.

By presenting it this way, the benefits of "open" are assumed, rather than explicit. It'd be nice I think to hear the drawbacks of a plugin. I've been a Flash developer for years and appreciated that Macromedia took care of browser compatibility behind the scenes so that I only had to write my code once and only needed to test it in one popular browser to know it'd work across all browsers.

On the other hand, I've become more and more frustrated with Adobe's revisions to the Flash plugin which instead of making loading and playing video simpler, require every coder to write GIANT unclear scripts just to handle video the way html5 did using the video tag. Flash plugin also has difficulty with recognizing a video's metadata in time to reconfigure a player and its controls correctly. Despite the many revisions to Flash, the plugin suffered lots of glitchy issues I was forced to write scripts and preload to work around.

So creating a clear contrast between the two would be a nice addition to any of these plugins vs html5-in-browser conversations.

Report as Inappropriate

"Playing HTML5 Videos" - by aanderson on 07-FEB-2011
Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
The last few minutes are unaudible
And I found no accesibilty to Example files in the extras tab on Safaribooks online nor on the publishers site.

Report as Inappropriate

Table of Contents



HTML5 meets TV

Play Video


Playing HTML5 Videos



Styling Videos with CSS



Controlling Videos with JavaScript



Transitioning an App to Google TV




The publisher has provided additional content related to this title.


Visit the catalog page for Native Video in HTML5

  • Catalog Page

Visit the errata page for Native Video in HTML5

  • Errata