Wistia: Embed an Audio Description Plugin with a Wistia 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 project.

Follow the steps below to get started.

Step 1- Log into your Wistia account

Wistia login page 

Step 2- Select your video

Once you log in you will be directed to the My Projects page. Select the project that your video belongs to, then click on the video you want to add an audio description plugin to.

Select your Wistia video

Step 3- Click on Embed

Click Embed, which is located in two places; underneath your video and to the right of your video under Media Actions.

Wistia embed code

Step 4- Copy the Standard embed code

After clicking Embed, select the Standard JavaScript embed. Select your video dimensions, then click Copy to save this code to your clipboard. Make sure you select Inline Embed.

wistia_copy_embed.jpg

 

Step 5- Paste the embed code

Open your HTML editor and paste the embed code into the <body> of your document. It will look similar to the example below.

<script src="https://fast.wistia.com/embed/medias/mbil6gdfyv.jsonp" async></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async></script><div class="wistia_embed wistia_async_mbil6gdfyv" style="height:358px;width:640px">&nbsp;</div>

Step 6- Adjust the video embed code

After pasting the code in the HTML document add a div id (in bold below). You'll need this ID to build your audio description plugin.

 

It now should look similar to this:

<script src="https://fast.wistia.com/embed/medias/mbil6gdfyv.jsonp" async></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async></script><div id="wistia_embed_id" class="wistia_embed wistia_async_mbil6gdfyv" style="height:358px;width:640px">&nbsp;</div>

Step 7- Log into 3Play Media

transcription closed captioning translation account 3Play Media 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 Wistia from the drop down menu. If you're using the fallback, select Wistia iFrame version.
> For Plugin Type choose Audio Description 
> For Player ID use the div id that you added in step 6.
Find out how to identify your video ID here.


After designing the plugin template 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 Wistia 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 your audio description embed code into your HTML 

Paste the embed code from step 11 into the <body> of your HTML below your Wistia video embed. Your code should now look like this (but with your own unique URLs):

<html>
<head>
</head>
<body>
<script src="https://fast.wistia.com/embed/medias/mbil6gdfyv.jsonp" async></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async></script><div id="wistia_embed_id" class="wistia_embed wistia_async_mbil6gdfyv" style="height:358px;width:640px">&nbsp;</div>
<script type="text/javascript" src="//static.3playmedia.com/p/projects/11111/files/1111111/plugins/11111.js"></script>
</html>

Step 13- Publish your Wistia player with the Audio Description plugin

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