How to Display Subtitles and Captions with HTML5


show more Displaying subtitles and captions provides you with in-depth training on Video. Taught by Steve Heffernan as part of the HTML5: Video and Audio in Depth show less
please wait ...

Displaying subtitles and captions

An important part of any type of video is subtitles and captions. Subtitles provide a translation of what's being said for those who don't understand the language, while captions are intended for the deaf and hard of hearing and notate important sounds like a knock on the door, in addition to what's being said. To show you a demo of captions I have a page here on the VideoJS website. (Music playing) (Male speaker: Welcome to this week's episode of Explore Californ--) Okay, so you can see the text appear at specific times in the video. Now, while captions and subtitles are important, they are not yet supported by any HTML5 browsers.

What you're seeing here it's using some pretty technical JavaScript built into the VideoJS library to make captions work. So, if you need captions or subtitles now, you probably need to use a library like the VideoJS. But captions and subtitles are in the plans for HTML5 video and to make them happen, we'd use the track element. So I...

Displaying subtitles and captions
Video duration: 2m 17s 2h 7m Intermediate

Viewers:

Displaying subtitles and captions provides you with in-depth training on Video. Taught by Steve Heffernan as part of the HTML5: Video and Audio in Depth

Subjects:
Video Web
Software:
HTML
Author:
please wait ...