Showing results for 
Search instead for 
Do you mean 
If you don't find an answer, please click here to post your question.
Reply
Advisor
Posts: 26
Registered: ‎12-20-2014

Embedding Themebuilder code into a Wordpress page

I know we must add <iframe> tags to embed a player in a wordpress site. Got that figured out. Sample:

<iframe src="//player.ooyala.com/iframe.html?ec=dlbWQ4cTqsMzJ0w3__Je8FeLXkxT9zxA&amp;pbid=b37affed94ca4a71b53c5e9fade4fd4d" width="860" height="483" frameborder="0" allowfullscreen="allowfullscreen"> </iframe>

 

I am finding it impossible so far to embed the ThemeBuilder code. 

I tried <iframe> tags and tried the Oooyala WP plugin, but nothing has helped. 
Is there a tutorial on this? I can't find anything. Seems strange considering that Wordpress is by far the most popular CMS. Why is this not a more popular topic?
Here's the code that Themebuilder generated. I need to get this on a WP page! 
Thanks!

<div id="playerContainer" ></div>
<script type="text/javascript" src="https://player.ooyala.com/v3/4791c83be03a4cd5a2f05e4cdd6a21b2"></script>
<script type="text/javascript">
var ooyalaPlayer;

OO.ready(function() {
var playerConfiguration = {
playlistsPlugin: {"data":["28bcfd70184e4f46b0faedcc35556f66"]},
autoplay: false,
loop: false,
height: '',
width: '',
useFirstVideoFromPlaylist: false
};

ooyalaPlayer = OO.Player.create('playerContainer', 'RzNTJkcjqNQaRqEa8tTVS6e5wFFa9YlF', playerConfiguration);
});

</script>
Community Manager
Posts: 120
Registered: ‎02-03-2014

Re: Embedding Themebuilder code into a Wordpress page

Hey, thank you for contacting us thru the Ooyala Community.

All you need to you it's copy and paste the whole themebuilder embed code into the "text" field when you are creating a new Wordpress entry. See my screenshot.

 

It should work as you can see on http://aquiestabueno.com/oo/?p=36

Screen Shot 2014-12-21 at 1.58.16 PM.png
Advisor
Posts: 26
Registered: ‎12-20-2014

Re: Embedding Themebuilder code into a Wordpress page

Thanks for your reply!

That was the VERY first thing I tried! Didn't work.

http://gardentv.tv/themebuilder/

 

Is there some kidn of conflict, I wonder?

Advisor
Posts: 26
Registered: ‎12-20-2014

Re: Embedding Themebuilder code into a Wordpress page

Community Manager
Posts: 120
Registered: ‎02-03-2014

Re: Embedding Themebuilder code into a Wordpress page

I can see from your screenshot that some of the elements on the Themebuilder embed are missing. Things such as the height, width, and content id are not there.

I strongly recommend you to use the very same embed code as you provided me in the first comment. That one worked for me.
Advisor
Posts: 26
Registered: ‎12-20-2014

Re: Embedding Themebuilder code into a Wordpress page

I am just copying the EXACT code that the Themebuilder generates. 

 

Advisor
Posts: 26
Registered: ‎12-20-2014

Re: Embedding Themebuilder code into a Wordpress page

I also adjusted the player so it was a fixed size rather than fluid. 

 

Same result:

 


<div id="playerContainer" ></div>
<script type="text/javascript" src="https://player.ooyala.com/v3/4791c83be03a4cd5a2f05e4cdd6a21b2"></script>
<script type="text/javascript">
var ooyalaPlayer;

OO.ready(function() {
var playerConfiguration = {
playlistsPlugin: {"data":["7f8397eebbf9401da2a1d44c31d841cc"]},
autoplay: false,
loop: false,
height: 371,
width: 860,
useFirstVideoFromPlaylist: true
};

ooyalaPlayer = OO.Player.create('playerContainer', '', playerConfiguration);
});

</script>

Advisor
Posts: 26
Registered: ‎12-20-2014

Re: Embedding Themebuilder code into a Wordpress page

Community Manager
Posts: 120
Registered: ‎02-03-2014

Re: Embedding Themebuilder code into a Wordpress page

That's not the same embed code you pasted on this thread first comment,what you copied was:

<div id="playerContainer" ></div>
&lt;script type="text/javascript" src="https://player.ooyala.com/v3/4791c83be03a4cd5a2f05e4cdd6a21b2">&lt;/script&gt;
&lt;script type="text/javascript">
var ooyalaPlayer;

OO.ready(function() {
var playerConfiguration = {
playlistsPlugin: {"data":["28bcfd70184e4f46b0faedcc35556f66"]},
autoplay: false,
loop: false,
height: '',
width: '',
useFirstVideoFromPlaylist: false
};

ooyalaPlayer = OO.Player.create('playerContainer', 'RzNTJkcjqNQaRqEa8tTVS6e5wFFa9YlF', playerConfiguration);
});

&lt;/script&gt;

If that one does not work, and it should as it worked for me, we may need you to open a support ticket with us for further debugging.

BTW, the content id ('RzNTJkcjqNQaRqEa8tTVS6e5wFFa9YlF') it's still a missing piece on your implementation. Try with the code I pasted on this comment.
Highlighted
Advisor
Posts: 26
Registered: ‎12-20-2014

Re: Embedding Themebuilder code into a Wordpress page

Doesn't work. http://gardentv.tv/themebuilder/

Yes I placed in text only.