Can I embed more than one player within the same page?

You can embed more than one player within the same page. The only care to use is to assign a different "id" for each <div> in which you are going to embed the player. The following is an example of three embedded players and the relative source code. Thanks to its built-in lazy load feature, the player on the top will be loaded first, all the other player will be loaded subsequently.

Note: Remember that the "id" of the <div> containing the embed code can not start with a number, otherwise the skin won't load correctly.

 
 

 

 
 

 

 
 

This is the code, try it yourself:


<script src="https://hub-cdn.thron.com/shared/ce/bootstrap/1/scripts/embeds-min.js"></script>
<div id="<divId1>" style="width: 640px; height: 360px"></div>
<div id="<divId2>" style="width: 640px; height: 360px"></div>
<div id="<divId3>" style="width: 640px; height: 360px"></div>
<script>
    var options = {
        clientId: "<clientId>",
        xcontentId: "<xcontentId>",
        sessId: "<pkey>"
    };
    var player = THRONContentExperience("<divId1>", options);
    var options = {
        clientId: "<clientId>",
        xcontentId: "<xcontentId>",
        sessId: "<pkey>"
    };
    var player = THRONContentExperience("<divId2>", options);
    var options = {
        clientId: "<clientId>",
        xcontentId: "<xcontentId>",
        sessId: "<pkey>"
    };
    var player = THRONContentExperience("<divId3>", options);
</script>
Was this article helpful?
0 out of 0 found this helpful

Have any question?

Open a ticket
Comments