When loadeddata Event is fired, this inspects the Brightcove metadata for the presence of a transcript prop. If found it adds a toggle button to the VideoJS ControlBar and populates a dialog box with the content of the transcript.
See demo https://5app.github.io/brightcove-plugin-transcript/
This script is based upon the guide https://player.support.brightcove.com/coding-topics/step-step-plugin-development.html.
This is the process for adding a Custom Plugin to a Video player - guide
- Go to a Video Player and go to "Plugins", create a new plugin.
- Use the name Plugin Name
displayBCTranscript - Use the github page sources as the Brightcove Plugin resource URLs
https://5app.github.io/brightcove-plugin-transcript/src/plugin.jshttps://5app.github.io/brightcove-plugin-transcript/src/plugin.css
- Save + Publish