Limelight: Embedding the Audio Description Plugin with the Limelight Player on Your Web Page

Content Publishing must be enabled in your 3Play Media account.
See more information on enabling content publishing in your 3Play account.

Follow the steps bellow to get started.

Step 1- Log into your Limelight Video Platform Account

limelight.jpg

 

Step 2- Select your video

After logging in, you will be directed to the Media page where your content will be displayed. Select the video you want to add an audio description plugin to.

Select Limelight video content 

Step 3- Copy the Website embed code

Click Embed Code at the top of the page.

Generate embed code for Limelight video

A pop-up menu will appear. You'll need to select the Limelight HTML Player, then select the player that best matches your needs. Click Copy.

Limelight Website Embed Code

 

Step 4- Paste the Limelight Website embed code

Open the page of HTML where you want to embed the audio description plugin for the Limelight player and paste the embed code in the <body>. Note your div id and playerId (in bold below). You'll need this for your audio description plugin.

The code will look similar to this:

<div id="limelight_player_617666"></div>
<script src="//video.limelight.com/player/limelightjs-player.js"></script>
<script>LimelightPlayerUtil.embed({"height":321,"playerId":"limelight_player_617666","width":480,"mediaId":"63e3e25cc7ca42078794c9d8084b8bc4","playerForm":"Player"});</script>

 Note: The code will be unique to your media file and player.

Step 5- Log into your 3Play Media account

3Play Login 

Step 7- Create a Plugin Template

Navigate to Settings > Plugin Templates and click +Create Plugin TemplateSee more information on how to create a Plugin Template.

> For Player select Limelight from the drop down menu.
> For Plugin Type choose Audio Description 
> For Player ID use the Limelight player id from the Limelight embed code above.  It will look something like: id="limelight_player_111111".  

The numbers/letters following limelight_player_ will be unique to your video's embed code.  

Find out how to identify your video ID here.


After locating the Player ID from your Limelight embed code, enter it in the appropriate field and click Save My Plugin.

 

Step 8- Select file

From the My Files page in your 3Play Media project click on the name of the file associated with your Limelight video.

Select transcript that correlates to Brigthcove video

Step 9- Click Publish Plugin

Click the Publish Plugin button located above your list of files.

Click Publish Plugin

Step 10- Select a Plugin Template

Click Select Your Plugin and from the drop down menu that appears select the plugin template created in step 8.

Step 11- Copy the Plugin embed code

After selecting a plugin template copy the plugin embed code that appears within the Publish Plugin pop-up menu.

interactive transcript embed code for Kaltura

Step 12- Paste the audio description embed code into your HTML

Go back to your HTML code.
Paste the 3Play plugin embed code below the video embed code in the <body> of your HTML.

Below is an example of what the audio description plugin embed code should look like.    

<script type="text/javascript" src="//static.3playmedia.com/p/projects/11111/files/1111111/plugins/11111.js"></script> 

Your full code should now look similar to the following (but with your own unique URLs):

<html>
<head>
</head>
<body>
<div id="limelight_player_617666"></div>
<script src="//video.limelight.com/player/limelightjs-player.js"></script>
<script>LimelightPlayerUtil.embed({"height":321,"playerId":"limelight_player_617666","width":480,"mediaId":"63e3e25cc7ca42078794c9d8084b8bc4","playerForm":"Player"});</script>
<script type="text/javascript" src="//static.3playmedia.com/p/projects/11111/files/1111111/plugins/11111.js"></script>
</body>
</html>

 

Step 14- Publish the HTML page 

Save the HTML document and publish it!  Enjoy!

 

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk