Having trouble with Vidyard playlist example

[Boss DJ]

Hey all,

Like the title says I'm having some trouble with a working video playlist demo from Vidyard. There seems to be some javascript errors but I'm quite unfamiliar with these. The working demo from Vidyard works perfectly but the code provided brings errors. I've loaded it into codepen and on page load the first video works but clicking either link brings more errors. Below is a link to the demo and below that is a link to codepen.

https://www.vidyard.com/blog/video-players-demand-page-performance/#main

http://codepen.io/anon/pen/NbozJp

Thanks in advance,

[osgood_ · Accepted solution]

Try the code below:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<script>

function getEmbedCode(uuid) {

var script=document.createElement('script');

script.type='text/javascript';           

script.id='vidyard_embed_code_'+uuid;

script.src='https://play.vidyard.com/'+uuid+'.js?v=3.1&type=inline';  

return script;

}

function changePlayer(modalid,uuid) {

document.getElementById(modalid).innerHTML = "";

$("#"+modalid).append(getEmbedCode(uuid));

}

</script>

<ul>

<li><a href="javascript:void(0);" onclick="changePlayer('video_container_9RcFEGMolLKHMGxMCuMcWg','hedIuHeKRKySm1qx9xXV7w');">Video 1</a></li>

<li><a href="javascript:void(0);" onclick="changePlayer('video_container_9RcFEGMolLKHMGxMCuMcWg','9RcFEGMolLKHMGxMCuMcWg');">Video 2</a></li>

</ul>

<div style="height: 360px;">

<div id="video_container_9RcFEGMolLKHMGxMCuMcWg">

<script type="text/javascript" id="vidyard_embed_code_9RcFEGMolLKHMGxMCuMcWg" src="//play.vidyard.com/9RcFEGMolLKHMGxMCuMcWg.js?v=3.1&type=inline"></script>

</div>

</div>

[Boss DJ]

Thanks for the reply. Unfortunately I'm getting the same results as before. The first video plays but if any of the links are clicked the video disappears.

[osgood_]

Boss DJ wrote:

Thanks for the reply. Unfortunately I'm getting the same results as before. The first video plays but if any of the links are clicked the video disappears.

I just tested the script and it works fine for me.......are you waiting long enough for the 2nd video to appear. For me it appears instantly but if you have dodgy connection is may take a few seconds to load.

[Boss DJ]

Yeah. I just get a javascript void error. Here is an updated pen.

http://codepen.io/anon/pen/QGYzMR

[osgood_]

Have you tried the script on your own server?

[Boss DJ]

Locally and on my work's server. Same result.

Sent from my BlackBerry 10 smartphone.

[osgood_]

Boss DJ wrote:

Locally and on my work's server. Same result.

Sent from my BlackBerry 10 smartphone.

I'm not sure why that is then, the code works ok on the vidyard server and on my server.

[Boss DJ]

Ok I'll have to look into it more then. Thanks for your help. I'll update this thread when I figure out the issue.