Browse Ask a Question
 
Tools Add
Rss Categories

Captions in HTML 5

Author: Arif Kusuma Reference Number: AA-00507 Views: 5859 Created: 2012-09-18 09:53 Last Updated: 2015-01-09 12:25 0 Rating/ Voters

HTML5 is a new format for internet browser, and there are so many things different with this format. When it was first introduced, it didn’t support closed captioned at all, unless it using native plug-in such as Flash plug-in (for Flash video with the CC being embedded in the skin player).

But now it seems there is an improvement already with the HTML5, and may (still not sure) support closed caption. The very interesting thing is that Flash can take H.264 codec.

Now, since you are playing Flash video with H.264 codec through <video> tag in HTML5, you would need to specify where it is reading the caption file from and the caption file needs to be in the same folder where it is playing the video. The caption file for Flash video must be an .xml file, and the caption file for Quicktime would be much better if it is embedded caption

Here is the code you need to include in the HTML5 for your closed caption to work:

plugins: {captions: { file: "captions.xml", state: "false" }}

So: HTML 5 can take .xml or .srt CC file

Rss Comments 1
  • #
    [James]: jHIiQIgADqWXQCdc 2012-12-05 14:01

    Just landed thourgh Twittert on this article and I really like this method of grouping related images and I thought it was not allowed according to the HTML5 spec to nest figure elements.You say that the HTML5 specification recommends a bad method using the title attribute, but in what way is it bad I see it looks messy compared to the clean nesting figure with figcaptions from you, but what's the big advantage from an accesibility point of view to do it like example 1 & 2?Sorry if I sound like a noob, but I am when it come to accesibility whith ARIA roles

Info Add Comment
Nickname: Your Email: Subject: Comment:
Enter the code below:
Info Ask a Question