If you don't find an answer, please click here to post your question.
Reply
Occasional Contributor
Posts: 2
Registered: ‎10-06-2017

2 video on one page

I have 2 vdieos on one web page. Before V3, just change container to beocontainer01, container02. But V4 format is different. Need help to figure out how to make both work. 
example: havin these2 . what/where do I change to make both work?

<script src="https://player.ooyala.com/core/ZDhmOTIyYTZmZTc1M2NmYjZhZDAxM2Q0"></script><div id='container_1536861986' style='width:320px;height:180px;'></div><script>var playerParam = {'autoplay':false,'loop':false};OO.ready(function() {window.pp = OO.Player.create('container_1536861986', 'A3cGhlMzE6CuV68OBmCwb_54rRzqipYz', playerParam);});</script>

<br>
<script src="https://player.ooyala.com/core/ZDhmOTIyYTZmZTc1M2NmYjZhZDAxM2Q0"></script><div id='container_1536862561' style='width:320px;height:180px;'></div><script>var playerParam = {'autoplay':false,'loop':false};OO.ready(function() {window.pp = OO.Player.create('container_1536862561', '5qbjZyczpTlHrnXN0J-WWKmHddJiStXv', playerParam);});</script>

Highlighted
Ooyalan
Posts: 15
Registered: ‎01-11-2017

Re: 2 video on one page

Hi!

 

Thank you for submitting your question.

 

The issue is that you are loading the Player JS plugin twice and this will cause conflicts since multiple JS files will be loaded. When creating more than one Player in the same page, you only need to load this one time:

 

<script src="https://player.ooyala.com/core/ZDhmOTIyYTZmZTc1M2NmYjZhZDAxM2Q0"></script>

 

So, at the end your code should look as follows:

 

<script src="https://player.ooyala.com/core/ZDhmOTIyYTZmZTc1M2NmYjZhZDAxM2Q0"></script>
<div id='container_1536861986' style='width:320px;height:180px;'></div><script>var playerParam = {'autoplay':false,'loop':false};OO.ready(function() {window.pp = OO.Player.create('container_1536861986', 'A3cGhlMzE6CuV68OBmCwb_54rRzqipYz', playerParam);});</script>

<br>
<div id='container_1536862561' style='width:320px;height:180px;'></div><script>var playerParam = {'autoplay':false,'loop':false};OO.ready(function() {window.pp = OO.Player.create('container_1536862561', '5qbjZyczpTlHrnXN0J-WWKmHddJiStXv', playerParam);});</script>

 

Could you please try this suggestion?

 

Thanks!

Marco.