Integrating the Plugin SDK with an embedded Vidyard video, requires a few steps to set up. While other players require the embed code from the corresponding player, all you need from Vidyard is your video's unique video ID.
Log in to your Vidyard account and navigate to Players
Next hover over the video/player you want to use, and click the Share button
Grab the player ID, which is the string of 22 numbers and characters.
In this case it is: "U5gqYyXzxBjCUXKPqrfY6H" the question mark(?) is NOT part of the string.
Add this code to your HTML:
<script src="http://p3.3playmedia.com/p3sdk.1.10.6.js"></script>
<script src="//play.vidyard.com/v0/api.js"></script>
Next, craft the Vidyard embed code.
Copy the following line of code, and swap out the pink, with your unique Vidyard video ID.
<script type="text/javascript" id="vidyard_embed_code_U5gqYyXzxBjCUXKPqrfY6H" src="//play.vidyard.com/U5gqYyXzxBjCUXKPqrfY6H.js?v=3.1.1&type=inline"></script>
Lastly, add the P3SDK div, and make sure to also add the Vidyard video ID, which is in pink.
<div class="p3sdk-container" player_id="U5gqYyXzxBjCUXKPqrfY6H" player_type="vidyard">
<script type="text/javascript" async src="https://play.vidyard.com/embed/v4.js"></script>
You final code should look like this:
<script src="http://p3.3playmedia.com/p3sdk.1.10.6.js"></script>
<script src="//play.vidyard.com/v0/api.js"></script>
<script type="text/javascript" id="vidyard_embed_code_U5gqYyXzxBjCUXKPqrfY6H" src="//play.vidyard.com/U5gqYyXzxBjCUXKPqrfY6H.js?v=3.1.1&type=inline"></script>
<div class="p3sdk-container" player_id="U5gqYyXzxBjCUXKPqrfY6H" player_type="vidyard">
<script type="text/javascript" async src="https://play.vidyard.com/embed/v4.js"></script>
0 Comments