HTML and CSS Reference
In-Depth Information
We'll discuss these issues, and perform a few tricks to make everything work in Firefox
and Opera, in
section 8.1.3
.
<video>/<audio>
elements
3
3.5
9
10.5
4.0
Prerequisites
Before you begin, download the set of sample videos from this topic's website and the
latest version of jQuery from
http://jquery.com/
.
Put the videos in a directory of the same
name in your working directory, and place jQuery in the working directory itself. You'll
also need the requestAnimationFrame polyfill from
https://gist.github.com/1579671
for the
later sections. The code at that URL will go in the script section when you start animating
in
section 8.4.1
.
With those preliminaries out of the way, you're ready to build the framework.
8.1.2. Building the basic jukebox framework
Listing8.1
shows the framework around which you'll be building the application. It creates
a simple layout and has placeholders for the video player and the playlist, the major com-
ponents you'll be adding in the later sections.
Create a new HTML page in your working directory called index.html, with the following
listing as its contents.
