Right before Firefox 3 shipped, I recorded a screencast to help people make the switch. Now it's available in Ogg Theora video.
More Firefox screencast videos available here in both Flash and Ogg.
Since I'm using a couple of new Firefox features here, I thought I'd tell you all what's going. There are three components to video in this post.
The first is the new HTML 5
<video> element. This is a new feature that's currently available in the Firefox 3.1 pre-releases and, I believe, Webkit nightlies. The idea here is that video is a lot like an image, only moving, and so it should be a part of HTML just like the HTML
The second part is the actual video file which was encoded using Theora, or more specifically, was encoded using Theora for the video, Vorbis for the audio, and packaged in an Ogg container. The great thing about Theora video is that Firefox 3.1 supports it natively across platforms. There are also some pretty good tools (getting better) for encoding into Theora. HandBrake is one of my favorites because I already use it for ripping DVDs and it's available for Mac, Windows, and Linux.
Finally, I've added a nice little border around the video element using the CSS3
border-image property. I'm actually using -moz-border-image because the spec hasn't been finalized so browser vendors are using their -vendor prefix with current implementations. This
border-image property is super-cool. You can take an image, like one I'm using here and scale and stretch it to wrap pretty much any element. Right now we've got a bug with the
<video> player controls and large borders so I've crunched down the image border quite a bit to work around the problem but I'm still excited have yet another CSS feature in my toolbelt.
update: Bug 470596 just got a fix. Yay!