Vimeo Plugin SDK Player Setup

Vimeo’s Froogaloop library is deprecated and we now only support Vimeo’s Player API, which you can find at: https://github.com/vimeo/player.js

To get started embedding a Vimeo interactive transcript on your webpage using the *Plugin SDK, grab your video’s id off Vimeo, and add the following code to your page. Make sure to include an id that matches your P3SDK player_id (as highlighted in pink). Add your Vimeo video ID to the video source link. The player_type attribute in the p3sdk-container should be set to "vimeo_v2"

<div class="p3sdk-container" player_id= "vimeo-player-6" player_type="vimeo_v2">

    <iframe id= “vimeo-player-6” src=“//player.vimeo.com/video/YOUR_VIDEO_ID” width=“WIDTH” height=“HEIGHT” frameborder=“0” webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

</div>

To get the player and controls to work, you will need to embed Vimeo’s JavaScript Library, on your page. You can link to their CDN at:

<script src=“https://player.vimeo.com/api/player.js”></script>

*The Plugin SDK is sometimes referred to as “P3SDK”