Business Case:
KPI to be measured
KPI to be measured
Bookmark this resource Follow
Ask a question
Was this article helpful? 1 out of 1 found this helpful
Ask a question
Was this article helpful? 1 out of 1 found this helpful
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>