HTML and CSS Reference
The BBC has a similar experiment at http://open.bbc.co.uk/
rad/demos/html5/rdtv/episode2/ that takes in subtitles from an
HTML5, but it doesn't have the side effect of allowing search
engines to index the contents of the transcript.
Silvia Pfeiffer, a contractor for Mozilla, has some clever demos
using HTML5 videos and some extra extensions (that are not
Yo u ' v e s e e n h o w H fi M L 5 g fi v e s y o u t h e fi r s t c r e d fi b fi e a fi t e r n a t fi v e
to third-party plugins. The incompatible codec support currently
makes it harder than using plugins to simply embed video in a
page and have it work cross-browser.
On the plus side, because video and audio are now regular ele-
ments natively supported by the browser (rather than a “black
box” plugin) and offer a powerful API, they're extremely easy to
dards knowledge, developers can easily build their own custom
controls, or do all sorts of crazy video manipulation with only a
few lines of code. As a safety net for browsers that can't cope, we
recommend that you also add links to download your video files
outside the <video> element.
There are already a number of ready-made scripts available that
allow you to easily leverage the HTML5 synergies in your own
pages, without having to do all the coding yourself. The Kaltura
player that works in all browsers. jPlayer ( http://www.happyworm.
player that degrades to Flash in legacy browsers, can be styled
with CSS and can be extended to allow playlists.
ers. In the next chapter, you'll learn how to manipulate native
media elements for some truly amazing effects. Or at least, our
heads bouncing around the screen—and who could conceive of
anything amazinger than that?