Video.js player support for live captions
How we support the Video.js player
CaptionHub Live supports Video.js. To add captions to a Video.js player, add the plugin to the videojs object.
<script src="https://cdn.captionhub.com/live/videojs-plugin-<VERSION>.js"></script> <script> const player = videojs("some-player"); player.CaptionHubLive({ captionURL: "<CAPTIONS_URL>" }); </script>
You can get the versioned script URL and captions URL from the “Player integration” tab on a live project page.
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.
Known issues
- For streams with a specific configuration, like Mux, captions may appear 1 second too late.
Did this answer your question?
😞
😐
🤩