Adding Subtitles to H5P Interactive Videos

Casey Shew Updated by Casey Shew

Subtitles are added to Kaltura videos during the QA process. Although eCornell contracts with SubPly, a company which provides captioning, these subtitles often need to be corrected during the QA process. Because of this, you must not add subtitles to an H5P interactive video straight from SubPly.

If you are working on a course that complies with the standard eCornell workflow, you will receive a zipped folder containing all the .srt files associated with the videos in the course once the course is cleared for QA. 

However, it is likely that a course with H5P interactive videos will not follow this standard workflow. If the course you are working on adapts all of its video content from a previously-developed course, then you may get the zipped .srt files by searching in Wrike for the original course’s QA bucket. If the course you are working on adapts content from multiple previously-developed courses, then you will have to go to kaltura to pull each .srt file.

In the screenshot example below, I select an example video with the code 1_ez0rqsil, click on the Captions menu option, and download the .srt file.

Because H5P uses HTML5 to create interactive content components, .srt files are not compatible. H5P instead uses WebVTT, or .vtt files. There are many free web converter tools available. One such example is https://subtitletools.com/convert-to-vtt-online.

Once you have your subtitle file(s) converted to a .vtt format, you are ready to insert the .vtt file in the H5P Interactive Video. To do so, expand the Text tracks menu, and then the Subtitles menu in the H5P interactive editor. Lastly, upload the .vtt file to the track source drop zone, and then save your work in the H5P interactive editor.

Your video now has subtitles that toggle on and off.

How did we do?

Inserting Kaltura Videos into H5P Interactive Videos

Contact