Wistia Plugin SDK Set Up

As of October 2015, Wistia's API embeds (now called "Legacy API Embeds") and SEO embeds have been deprecated. The *Plugin SDK will still work with the Legacy API embed but we strongly recommend you use their standard embed for any new embeds. 

To get started, read about how to generate the embed code at: https://wistia.com/doc/embedding#generate_an_embed_code

Standard Embed: 
To use the Plugin SDK with the standard embed, you must paste the embed code inside a p3sdk-container div. 
You must modify the wistia embed code to include a id that is set equal to the player_id of the p3sdk-container div (highlighted in pink). 

<div class="p3sdk-container" player_id="wistia" player_type="wistia">
<script charset="ISO-8859-1" src="http://fast.wistia.com/assets/external/E-v1.js" async></script>
<div id="wistia" class="wistia_embed wistia_async_534cef38b4" style="height:361px;width:640px">&nbsp;</div>
</div>

 

Fallback embed: 
Wista also offers an alternate iframe embed. To use the Plugin SDK with the Fallback embed, you must contain the iframe embed code inside p3sdk-container div. You must also create an iframe id equal to the player_id variable in the p3sdk-container div (highlighted in yellow). 

<div class="p3sdk-container" player_id="wistia" player_type="wistia">
    <iframe src="http://fast.wistia.net/embed/iframe/534cef38b4" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width="640" height="361" id="wistia"></iframe>
    <script src="http://fast.wistia.net/assets/external/E-v1.js" async></script>
</div>


Legacy API Embed
To use the Legacy API embed with Plugin SDK, contain the embed code inside the p3sdk-container div. The player_id of the p3sdk-container div must be set equal to the div id of the wistia embed (highlighted in blue). 

<div class="p3sdk-container p3sdk-debug" player_id="wistia_534cef38b4" player_type="wistia">
    <div id="wistia_534cef38b4" class="wistia_embed" style="width:640px;height:361px;">&nbsp;</div>
    <script charset="ISO-8859-1" src="http://fast.wistia.com/assets/external/E-v1.js"></script>
    <script>
        wistiaEmbed = Wistia.embed("534cef38b4");
    </script>
</div>

*The Plugin SDK is sometimes referred to as "P3SDK"

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.