Late yesterday, Apple announced Safari 5, the latest version of their web browser. Many improvements were made to it, speeding it up, adding Instapaper-like Safari Reader capabilities, and so forth. Accessibility took a step forward, because Apple tweaked the HTML5 video tag support to enable captions of HTML5 video within Safari 5.
I threw together two lines of HTML code, and got video working in Safari 5, showing the captions:

Check out my quick and dirty sample here.
I threw this together, so it’s not a perfect example of HTML code, but it’ll work.
Go to about 38 seconds into the video, then press play and you will see captions. (I couldn’t edit the clip down without losing the caption track.) This only works in Safari 5. Try in any other browser at your risk.
To view the source code, go to the View menu, then choose “View Source.”
Have fun, and if you have any better samples/demos, post ‘em here.
Hi, it did not work on my end. Strange. Safari 5.0
It doesn’t have any closed captions, should have been as a element.
You have just
Rene: Weird. I tested it on Safari 4, definitely does not work, then on Safari 5 on my other Mac, works. Here’s a screenshot:

I’ve gotten confirmation from a friend who says it works under Safari 5 for him as well.
Demo Demo: Your response is incomplete – but as far as I know, you do not need to add a separate HTML CC element. I’ve tested the captioning on several other videos I have (too big to post, obviously) and they work in Safari 5, but not Safari 4. However, I could be mistaken by how I’m going about this. :)
genius; that’s different from the HTML5 element being talked about here. Looks like you simply added the captions to the encoding with Handbrake. This is not the same thing. With the new HTML5 element, you can turn on and off captions, as the captions are separate tracks from the video themselves.
In other words, the simple fact that this works in Safari 4 shows that it’s not the same thing.
Interesting. It works on my Safari 5.0 fine. However, it does not show subtitle/caption on my iPad. I did selected “ENGLISH” in Audio & Subtitles menu while the video is playing. No subtitle. Hmmm…
Someoneontheinternet:
Please point me to somewhere that explains the new HTML5 caption element. I would be very interested in learning more about it, rather than reading vague allusions to such a thing via the cryptic whisperings of anonymous commenters.
Are you also saying that you’re seeing the captions work on Safari 4? I have two Macs with Safari 4 that do not show the captions from this example video.
Hello Ken! Yeah same result here re iPad. You know whats weird? The same video worked fine on my iPad over wifi at home. LOL.
Hello there,
I did some testing before the caption tag came up in Safari 5 with the ability to show different skin + subtitles.
http://craigbutcher.net/2010/05/accessibility-within-multimedia/
Now I will have to go and update this!
Craig
Sorry, comments are closed.
8:50 am
Please add code / demo. Thanks!