This video demonstrates how to embed 3Play Media's interactive transcript and captions
plug-in with your Kaltura player on your web page.
First, log in to your Kaltura account. , Then, click on the Content tab at the top of the page.
This will direct you to the video files in your Kaltura Management Console, or KMC.
Locate the video you want to create an interactive transcript or captions plug-in for.
On the same row for that video, under the Publish tab, click on Preview and Embed.
A pop-up menu will appear.
Click Select Code and then copy it to your clipboard.
Open a new HTML document in your text editor and paste the Kaltura embed code into the body of
the document.
The code will look similar to this example, except for the Object ID and Entry ID.
These items will be unique for each video's embed code.
Reformat the code so it looks like this.
By creating a line for each tag, it will make it easier to identify and adjust certain elements.
After reformatting the code, you should change the FlashVars parameter to what you see here on
the screen.
This code can also be found in the Kaltura Integration Forum on the 3Play
Media support site.
You can copy and paste it from there.
This will establish a connection to the JavaScript API.
This is not set by default in the Kaltura embed code--
you will likely have to add it.
Be sure to set allowScriptAccess to Always in both the object tag and parameter tag.
Typically, this is already set properly in the Kaltura embed code, but double-check to be sure.
Note that if you intend to use the overlay option for the captions plug-in, you should add
the line of code you see here to the video embed code.
Again, you can copy and paste this code from the Kaltura Integration Forum on the 3Play Media
support site.
You can set this parameter to opaque or transparent--
either will work.
Some video embed codes may already contain this parameter, so if you see it, just adjust the
value so it looks like the example.
Keep this HTML page open.
Open a new web browser page and log in to your 3Play Media account.
Go to the My Files page and find the file you wish you create either an interactive transcript
or captions plug-in for.
Next, click on the Publish tab, then Video Plug-ins.
This will take you to the Interactive Transcript Settings menu where, by default, the box next to
Check to Enable Interactive Transcript is checked.
If you are only creating a captions plug-in, uncheck this box.
Next, select your settings.
As you select your settings, notice that the embed code below changes as you make different
selections.
This is the automatic code generator in action.
For video player, select Kaltura.
If you want to create a Kaltura player with a captions plug-in, click on the next tab,
Captions Plug-in.
Be sure to check the box Check to Enable Captions Plug-in and select your settings.
You can create one video player that uses both these plug-ins simultaneously.
It's up to you and your needs.
We also suggest enabling the SEO Transcript function, located in the last tab, if it's a
public facing video.
The SEO transcript allows for the text of your video's transcript to be indexed by Google and
other search engines.
When this function is enabled, the SEO transcript lives inside a noscript tag in the
HTML created by the automatic code generator.
Once you have chosen your settings, select the embed code in the box below and copy this
automatically generated code.
Go back to your HTML document and paste this code below the Kaltura video embed code.
Generating this code automatically gives you the File ID and API key.
But the Video Object ID, typically located at the beginning of the Kaltura video embed code,
must be manually entered into the plug-in embed code.
In the 3Play Media plug-in embed code, locate Use Your Video Object ID and replace this with
the unique Object ID.
It will look similar to this example, but remember, that your video's Object ID will be
different from the one in the example.
Here's a little formatting tip.
If you want the video player and interactive plug-in to match in width, change the plug-in's
width to match the width of the Kaltura player.
If you change the width of the player to match the plug-in, the aspect ratio of your video will
likely be distorted.
Now you're ready to share your Kaltura player with the 3Play Media plug-ins on your web page
with the world.
Save the HTML document and publish it to your server.
Thank you for watching this video on embedding 3Play Media's interactive plug-ins with the
Kaltura player on your web page.
Please feel free to call or email us with any questions, or to visit our support website at
support.3playmedia.com.