Video.js plugin support for live captions – CaptionHub

Timbra supports Video.js. To add captions to a Video.js player, add the plugin to the videojs object.

import videojs from 'video.js';
import { Timbra } from '@captionhub/timbra.js';

const video = videojs('my-video');

const timbra = new Timbra.VideoJSPlugin({
  video: video,
  captionsURL: "<<URL>>"
});

timbra.startCaptions();

You can also load the script from our CDN. You can get the versioned script URL and captions URL from the “Plugin integration” tab on a live project page. For all options, see the Timbra.js docs.

Layout considerations

The plugin does not make any alterations to the layout of the captions. If you make changes yourself, please ensure that at least 70 characters fit on a line, to avoid wrapping captions.

Supported versions

Video.js versions 7 and 8 are supported. We’re actively looking at VideoJS 10 - give us a shout if you want to help test.