

Under Player ID, enter the Video Player ID from the Video.js embed code and click Save My Plugin. Navigate to Settings > Plugin Templates and create a new Interactive Transcript plugin template. Make a note of this, as you’ll need it later. Note: your video embed code has a Video ID. You’ll find this code by clicking Embed this player button by the video you want to embed. Add the appropriate Video.js embed code to the head and body of your page.
Html5 video player closed captioning how to#
How to Add an Interactive Transcript to a Video.js VideoĪn interactive transcript highlights each word as it is spoken and scrolls down the transcript while your video plays. More on Video.js Accessibility Features.Your Video.js video should now display the closed captions option. More language codes are listed on GitHub.

“en” is the code for English, “es” is the code for Spanish. Is the language label that displays among different subtitle language options.

Subtitles is the default setting if no kind is listed. Use “subtitles” to display text in a language other than the one spoken on screen. Should be “captions” for a closed caption file. Locate the JavaScript for your Video.js video. Upload your WebVTT caption file to an online repository or FTP for your website’s files. Video.js can incorporate your captions if they are stored online. Specify any advanced settings and save the. Click Download and select the WebVTT format. Go to the My Files page in your 3Play Media account and select your recording. To download your captions, log into your 3Play Media account. Since Video.js is an HTML5 player, it supports closed captions in WebVTT (.vtt) format. Download Your Caption File in WebVTT Format You’ll receive an email when your captions are ready.Ģ. Follow the prompts to select your desired turnaround time and transcription service. You can then upload your video file directly from your computer ( From Computer tab) or from a link to your video online ( From Links). On your account dashboard, hit Upload Media. To submit your video for transcription to 3Play Media, log into your 3Play Media account. The easiest way to get a transcript and caption file is to submit your video to a professional captioning company. From that transcript, you will need a timed-text file, or caption file, in the appropriate format for the media player. Submit Your Video for Transcription & Captioningįirst, you need to have your video transcribed. If you are publishing a video on Video.js, you can upload a caption file to the web and associate it with your video.
