Embedding Themebuilder code into a Wordpress page

[ooyala]

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>

[antonio]

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

[ooyala]

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?

[ooyala]

[antonio]

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.

[ooyala]

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

[ooyala]

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>

[ooyala]

[antonio]

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.

[ooyala]

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

Yes I placed in text only.