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

Re: Embedding Themebuilder code into a Wordpress page

I have some code in the theme that may be conflicting.
Advisor
Posts: 26
Registered: ‎12-20-2014

Re: Embedding Themebuilder code into a Wordpress page

btw, your code above has no height/width.
Advisor
Posts: 26
Registered: ‎12-20-2014

Re: Embedding Themebuilder code into a Wordpress page

[ Edited ]

I have also tried this code in the text area (http://gardentv.tv/themebuilder/ No luck:

 

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

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

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

// ]]></script>

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

Re: Embedding Themebuilder code into a Wordpress page

btw, the Themebuilder does NOT include the conatiner id when it generates the code. It leaves it blank:

 

<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>

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

Re: Embedding Themebuilder code into a Wordpress page

From your page I can see that it's throwing the following errors on the JS console:

mask-and-preloader.js:2 Uncaught TypeError: undefined is not a function
gardentv.tv/:204 Uncaught ReferenceError: twitterWidgets is not defined
gardentv.tv/:462 Uncaught SyntaxError: Unexpected token <
4791c83be03a4cd5a2f05e4cdd6a21b2:55 PlayerV3 already defined!! undefined
http://lax1.ib.adnxs.com/if?e=wqT_3QLKBvBCQQMAAAIA1gAFCKKo3qQFEJOS2b-6qNfyE…ALgDAMADrALIAwA.&dlo=1&r... Failed to load resource: net::ERR_CACHE_MISS
http://lax1.ib.adnxs.com/if?e=wqT_3QKjBPBCGgIAAAIA1gAFCKKo3qQFEJnsxrrf16HFF…ALgDAMADrALIAwA.&dlo=1&r... Failed to load resource: net::ERR_CACHE_MISS
http://mochibot.com/my/core.swf?mv=8&fv=6&v=MAC%2016%2C0%2C0%2C235&swfid=cf64d241&l=10301&f=_level0&... Failed to load resource: net::ERR_NAME_NOT_RESOLVED


So, as the very same embed code works for me on http://aquiestabueno.com/oo/?p=36 you should take this with your dev team or file a support case with us for further debugging.

Thanks.
Occasional Visitor
Posts: 2
Registered: ‎11-28-2014

Re: Embedding Themebuilder code into a Wordpress page

Not sure why, but it is working today!

http://gardentv.tv/celebrity-gardens/

Shouldn't Discovery be working on the Themebuilder players? I believe I have it enable for all my players.

 

 

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

Re: Embedding Themebuilder code into a Wordpress page

Thansk for your help with thtis! For some reason, today, the following code did generate the player on this page http://gardentv.tv/celebrity-gardens/: 

 

<div id="playerContainer"></div>
<script src="https://player.ooyala.com/v3/4791c83be03a4cd5a2f05e4cdd6a21b2" type="text/javascript"></script>
<script type="text/javascript">// <![CDATA[
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>

 

However, the following code did NOT work even though we generated it in Themebuilder and pasted it like the code above. I noticed that we cannot get the player code to generate, It's blank whereas in the code above, it inserts RzNTJkcjqNQaRqEa8tTVS6e5wFFa9YlF.

 

<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":["b2d4b037d3d8487eb181c50e15428aee"]},
autoplay: false,
loop: false,
height: 357,
width: 860,
useFirstVideoFromPlaylist: true
};

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

</script>

Occasional Visitor
Posts: 1
Registered: ‎06-18-2015

Re: Embedding Themebuilder code into a Wordpress page

I just ran into this problem today.  The extra line breaks in the embed code cause wordpress to insert <p> and </p> codes into the resulting html between the script tags.  This causes the parse errors and can be fixed by removing extra new lines.

 

Original (doesn't work)

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

OO.ready(function() {
    var playerConfiguration = {
        playlistsPlugin: {"data":["IDGOESHERE"]},
        autoplay: false,
        loop: false,
        height: 366,
        width: 800,
        useFirstVideoFromPlaylist: true
    };

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

</script>

removed extra line breaks (does work)

<div id="playerContainer" ></div>
<script type="text/javascript" src="https://player.ooyala.com/v3/IDGOESHERE"></script>
<script type="text/javascript">
var ooyalaPlayer;
OO.ready(function() {
    var playerConfiguration = {
        playlistsPlugin: {"data":["IDGOESHERE"]},
        autoplay: false,
        loop: false,
        height: 366,
        width: 800,
        useFirstVideoFromPlaylist: true
    };
    ooyalaPlayer = OO.Player.create('playerContainer', '', playerConfiguration);
});
</script>