Module: Embed Params

THRON Player contains a large number of options that can be configured within the Player embed code.
Some options, like autoplay, are placed directly into the setup.
Other advanced options like advertising or shareButtons are grouped into nested blocks.
This is an example containing both standard setup options and specific advertising options:

<script src="https://<aClientId>-cdn.thron.com/shared/ce/bootstrap/1/scripts/embeds-min.js"></script>
<div id="elementId" style="height: 400px; width: 600px;"></div>
var options = {
		clientId: "aClientId",
		xcontentId: "aXcontentId",
		sessId: "pkey or session token",
		autoplay: true|false,
		muted: true|false,
		advertising: {
			onlyOnce: true|false,
			allowAdBlocker: true|false,
			tag: "adv descriptor url"
		}
	};
var player = THRONContentExperience("elementId", options);

Web developers will easily recognize the JavaScript Object Notation (JSON) syntax of these setup blocks.
While configuring the Player embed, beware of common JSON requirements, like the need for a comma after all the elements in a list (last item excluded).

THRON Player requires three mandatory string parameters:

  • clientId: it's the domain name used to access THRON, usually matches the company name.
  • xcontentId: it is the content's unique identifier.
  • sessId: it can be either a pkey or a valid xtokenId.
    These mandatory information can be found within the THRON Dashboard, along with pre-filled embed codes which can be generated from content Shareboard.

In addition to the global function THRONContentExperience used to create the player instance, another function THRONPreloadResources
is available to preload player assets (it may be useful to get a faster rendering when needed, and to help with autoplay issues on mobile devices).
This function accepts the same options object of THRONContentExperience and returns a jquery-like promise that resolves when the preloading is done.
This is an example of usage:

<script src="https://<aClientId>-cdn.thron.com/shared/ce/bootstrap/1/scripts/embeds-min.js"></script>
<div id="elementId" style="height: 400px; width: 600px;"></div>
var options = {
		clientId: "aClientId",
		xcontentId: "aXcontentId",
		sessId: "pkey or session token"
	};
var preloadDone = THRONPreloadResources(options);
preloadDone.done(function() {
		// player is preloaded here, the player creation will be much faster!
		var player = THRONContentExperience("elementId", options);
});

 


<static> clientId

  • Type: String
  • Mandatory: Yes
  • Available for: all content types

It's the domain name used to access THRON, usually matches the company name.


<static> sessId

  • Type: String
  • Mandatory: Yes
  • Available for: all content types
    It can be either a content pkey, a folder pkey or a session token.

<static> xcontentId

  • Type: String
  • Mandatory: Yes
  • Available for: all content types
    It's the content's unique identifier.

<static> shareButtons

  • Type: String or Object
  • Mandatory: No
  • Default value: null
  • Available for: all content types

This information controls the social sharing overlay, visible when the user clicks on the share button or invokes
the related api method.
It accepts the following values:

  • a simple string: URL to share. In this case, the Player will show the following social in the overlay: facebook, twitter, linkedin
  • a complex json: to be used for advanced configurations. This object has the following attributes:
    link: URL to share.
    social: array of social networks. Indicates the list of social networks to be used and their order. Available social networks are: "facebook", "twitter", "linkedin"
Examples
var options = {
		clientId: "your clientId here",
		xcontentId: "an xcontentId here",
		sessId: "pkey or session token here",
		shareButtons: "https://thron.com"
	};
var player = THRONContentExperience("elementId", options);
//Into the share overlay, show only facebook and twitter
var options = {
		clientId: "your clientId here",
		xcontentId: "an xcontentId here",
		sessId: "pkey or session token here",
		shareButtons: {
			link: "https://thron.com",
			social: ["facebook", "twitter"]
		}
	};
var player = THRONContentExperience("elementId", options);

<static> mouseWheelZoom

  • Type: Boolean
  • Mandatory: No
  • Default value: true
  • Available for: Image and Image Playlists

This parameter allows users to disable mouseWheel zoom control.
This is useful when THRON Player is embedded in long scrolling pages and you want to prevent users to accidentally zoom into the content
(due to mouse position) when they just expect to scroll the page.
This parameter is optional, the default value is "true" which means users are allowed to use mouse wheel to zoom.


<static> customButtons

  • Type: Object
  • Mandatory: No
  • Default value: null
  • Available for: all content types

This parameter allows you to create one or more custom buttons to be added to a control bar.
This is useful when you need to increase the customization of the Player by adding a custom button into a Player's control bar.

Custom buttons can be:

  • two states buttons: play/pause button is an example
  • single state button: share button is an example

This parameter accepts a list of custom buttons.
Each custom button has the following properties:

  • id: string, indicates the elementId, necessary to add the button to a control bar
  • toggleOn: object, information about the first state (for example play button)
  • toggleOff: object, optional, information about the second state (for example pause button)
  • handler: function, the function to be invoked when the user clicks the element

toggleOn and toggleOff describe the button states. Each state has the following parameters:

  • className: string, css class which represents the state of the element. Pay attention, player will prepend "th-" before this class.
  • icon: string, optional, indicates the icon url
Example
//This example creates 2 buttons:
	//toggleCustom, a two states button and simple-custom one state button.
	//Finally these buttons are added before the *captionText* element
 var p = {
	clientId: "aClientId",
	xcontentId: "acontentId",
	sessId: "aSessId"
	customButtons: {
	    "toggleCustom": {
	        toggleOff: {
	            className: "out",
	            icon: "an-url.png"
	        },
	        toggleOn: {
	            className: "in",
	            icon: "an-url.png"
	        },
	        handler: function () {
	            alert("OK")
	        }
	   },
	   "simple-custom": {
	        toggleOn: {
	            className: "in",
	            icon: "an-url"
	        },
	        handler: function () {
	            console.log("CIAO Simple")
	        }
	   }
	 }
};
var onBeforeInit = function(playerInstance){
		//Add custom buttons into bar, precisely before "captionText" element:
     var paramsAug = {};
     var schema = window.THRONSchemaHelper.getSchema();
     window.THRONSchemaHelper.insertBefore(schema, "IMAGEGALLERY", "captionText", "toggleCustom");
     window.THRONSchemaHelper.insertBefore(schema, "IMAGEGALLERY", "captionText", "simple-custom");
     paramsAug.bars = schema;
     playerInstance.params(params);
 };
window.player = THRONContentExperience("elementId", p);
player.on("beforeInit", onBeforeInit);

<static> bars

  • Type: Object
  • Mandatory: No
  • Default value: null
  • Available for: all content types

This parameter allows you to customize the position of the elements within the various control bars of the Player.
It accepts a json object, which indicates the control bars configuration.
To facilitate the creation of this json object, we implemented a series of help methods that can alter the basic configuration of the various control bars.
If no object is passed, the Player will use the default bar configuration
More details here

Example
//Edit the video Player bottom bar: show the share button on the right and the fullscreen on the left.
//Add resizable group in the middle
 var params = {
 	sessId: "a sessId here",
 	clientId: "your clientId here",
 	xcontentId: "an xcontentId here"
 };
 var onBeforeInit = function(playerInstance){
 	var schema = window.THRONSchemaHelper.getSchema();
 	window.THRONSchemaHelper.addGroupsToBar(schema, "VIDEO", "bottom", [{elements: ["shareButton"]}, {resizable:true, elements: []}, {elements: ["fullscreenButton"]}]);
 	var paramsAug = {bars: schema};
 	playerInstance.params(paramsAug);
 };
 window.player = THRONContentExperience("elementId", params);
 player.on("beforeInit", onBeforeInit);

<static> linkedContent

  • Type: String, accept only "show" or "hide" values
  • Mandatory: No
  • Default value: "show"
  • Available for: all content type

This parameter allows you to hide or show the player graphic component that shows linked content.
The linked content list, can be added or modified within our DAM.

Example
//Force to hide linked bar
 var params = {
 	sessId: "a sessId here",
 	clientId: "your clientId here",
 	xcontentId: "an xcontentId here",
 	linkedContent: "hide"
 };
 window.player = THRONContentExperience("elementId", params);

<static> linkedPosition

  • Type: String, it accepts the following values: null, "inner", "outer"
  • Mandatory: No
  • Default value: null
  • Available for: all content types

This parameter allows you to set the position of the graphic component which handles linked content.
This component can be positioned:

  • inner, always in overlay
  • outer, out of the space reserved for the media container. So it will never be in overlay.

If no value is set, the Player implements this logic:
in normal screen, linked content are out of the space reserved for the media container;
in fullscreen linked content are into the Player's stage.

Example
//Force linked always in overlay
 var params = {
 	sessId: "a sessId here",
 	clientId: "your clientId here",
 	xcontentId: "an xcontentId here",
 	linkedPosition: "inner"
 };
 window.player = THRONContentExperience("elementId", params);

<static> manualQualityToggle

  • Type: Boolean
  • Mandatory: No
  • Default value: true
  • Available for: Video and Video playlist

This parameter allows you to hide/show the "HD" button, used to change video quality.
It's useful when you want to prevent the user from changing the video quality


<static> useIframeTracking

  • Type: Boolean
  • Mandatory: No
  • Default value: false
  • Available for: all content types

This parameter is useful only if you embed the Player into an iframe.
If true, Player tracking will use the referral as page url instead of the
iframe page


<static> disableUserProfiling

  • Type: Boolean
  • Mandatory: No
  • Default value: false
  • Available for: all content types

This parameter allows you to prevent the user from being profiled.
If true, the Player will not execute any profiling event (loginAs)


<static> ignoreUserBehavior

  • Type: Boolean
  • Mandatory: No
  • Default value: false
  • Available for: all content types

This parameter prevents the content tracking.
Useful when the content does not require a tracking analysis.


<static> contextId

  • Type: String
  • Mandatory: No
  • Default value: null
  • Available for: all content types

Context is a special label which can be related to external content sharing and which is used to identify its context of use
(e.g: support portal, product site, registration form).
Its purpose is to facilitate the identification and the retrieval of statistics according to a specific context:
for example you might want to view all the accesses to your content made on your product site.
Context can be created within Dashboard in the "Settings" menu, it can be created and managed by users with a specific permission.
Each context, when created will be related to a specific contextId .

Set this parameters with a correct contextId, useful when you want to identify different sources of contacts visualization.

Example
//Force linked always in overlay
 var params = {
 	sessId: "a sessId here",
 	clientId: "your clientId here",
 	xcontentId: "an xcontentId",
 	contextId: "a contextId here"
 };
 window.player = THRONContentExperience("elementId", params);

<static> waveEnabled

  • Type: Boolean
  • Mandatory: No
  • Default value: true
  • Available for: Audios and Audio playlists

Enable or disable the waveform display. Default is true.

Example
//Waveform disabled.
 var params = {
 	sessId: "a sessId here",
 	clientId: "your clientId here",
 	xcontentId: "an xcontentId here",
 	waveEnabled: false
 };
 window.player = THRONContentExperience("elementId", params);

<static> waveProgressColor

  • Type: String, accepts only Hexadecimal colors
  • Mandatory: No
  • Default value: "#f39900"
  • Available for: Audios and Audio playlist

The audio and playlist audio Players show the real audio waveform visualization.
This waveform is generated with a canvas object, a new HTML5 element
To color the canvas, you must pass the color via embed parameters

This parameter indicates the wave highlight color.

Example
//Wawe progress color is "red".
 var params = {
 	sessId: "a sessId here",
 	clientId: "your clientId here",
 	xcontentId: "an xcontentId here",
 	waveColor: "#b2b2b2",
 	waveProgressColor: "#eb2323",
 };
 window.player = THRONContentExperience("elementId", params);

<static> waveColor

  • Type: String, accepts only Hexadecimal colors
  • Mandatory: No
  • Default value: "#ffffff"
  • Available for: Audios and Audio Playlists

It is analogous to the waveProgressColor parameter described above.
Used to indicate the wave background color.


<static> audioResponsive

  • Type: Boolean
  • Mandatory: No
  • Default value: true
  • Available for: Audios and Audio playlists

The Audio and Audio playlist player have two possible views, static and responsive views.

Static view:

  • The poster will be placed on the left of the wave
  • The ideal height for this embed is 210px
  • Embed under 400px of width will not have the poster but only the wave
  • Embed under 100px height will not have the poster but only the wave
  • Embed greater than 100px height and smaller than 200px, will have poster 162x162
  • Embed larger than 200px, will have poster 210x210

Responsive view:

  • The poster will be placed in the center of embed

If parameter is set to true, the Player will show the Responsive view. If false, it will show
the static view

Example
<script>
//Static View:
 var params = {
 	sessId: "a sessId here",
 	clientId: "your clientId here",
 	xcontentId: "an xcontentId here",
 	audioResponsive: false
 };
//Responsive View:
 var params2 = {
 	sessId: "a sessId here",
 	clientId: "your clientId here",
 	xcontentId: "an xcontentId here",
 	audioResponsive: false
 };
 window.player = THRONContentExperience("elementId", params);
 window.player = THRONContentExperience("elementId2", params2);
</script>

<div id="elementId" style="width: 100%; height: 210px;"></div>
<div id="elementId2" style="width: 100%; height: 300px;"></div>

<static> poster

  • Type: String, accept an url or an our valid getContentDetails web service
  • Mandatory: No
  • Default value: null
  • Available for: Video, Video playlist, Audio, Audio playlist and URL content.

Typically the poster content is defined in THRON Dashboard,
and the Player automatically retrieves it server-side directly from the content's information.
This parameter is useful if you want to override the poster url for a specific embed.

If you use a getContentDetails url, pointing to another content, the Player will retrieve the information from server and will
use Its poster in the embed.


<static> posterError

  • Type: String, it accepts a url or a valid getContentDetail
  • Mandatory: No
  • Default value: null
  • Available for: Video, Video playlist, Audio, Audio playlist and URL content.

If you use a getContentDetail pointing to another content, the Player will retrieve the information from the server and will
use Its poster in the embed.


<static> noSkin

  • Type: Boolean
  • Mandatory: No
  • Default value: false
  • Available for: all content types

This parameter allows you to show the player without the control bars.
Is useful, for example, when you want to show an image with no additional information, using it as simple asset of your site.

Example
//Hide all player bars
 var params = {
 	sessId: "a sessId here",
 	clientId: "your clientId here",
 	xcontentId: "an xcontentId here",
 	noSkin: true
 };
 window.player = THRONContentExperience("elementId", params);

<static> volume

  • Type: Number, from 0 to 1
  • Mandatory: No
  • Default value: 1
  • Available for: Video, Video playlist, Audio, Audio playlist
    This parameter allows you to set the content initial volume
Example
//Set the volume to half
 var params = {
 	sessId: "a sessId here",
 	clientId: "your clientId here",
 	xcontentId: "an xcontentId here",
 	volume: 0.5
 };
 window.player = THRONContentExperience("elementId", params);

<static> autoplay

  • Type: Boolean
  • Mandatory: No
  • Default value: false,
  • Available for: Video, Video playlist, Audio, Audio playlist (Not supported on mobile devices)

This parameter allows you to automatically start content playback
For audio playlist and video playlist, when user moves to another playlist element, it will also be played automatically.

For videos, autoplay automatically reduces the volume of the video to zero to comply with browsers autoplay policies.
When THRONPreloadResources is called, volume is not set to zero to enable embedding videos in response to an user action.
If you need both preloading and autoplay with volume set to zero, use the volume param to set player volume to zero.


<static> loop

  • Type: Boolean
  • Mandatory: No
  • Default value: false,
  • Available for: Video, Video playlist, Audio, Audio playlist

If this parameter is set to true content's playback will automatically re-start.
For audio playlist and video playlist, after the last element, content playback will re-start from the first element


<static> muted

  • Type: Boolean
  • Mandatory: No
  • Default value: false,
  • Available for: Video, Video playlist

This parameter allows you to reproduce video content without its own audio


<static> video360

  • Type: Boolean
  • Mandatory: No
  • Default value: false,
  • Available for: Video

This parameter allows you to correctly play a 360 video.
If you have uploaded a 360 video in our platform and want to play it correctly, you need to add this parameter
into player embed code and set it to true.

For properly use Video 360 feature, you must use 360 monoscopic videos equirectangular format with a 2:1 aspect ratio.

In your mobile device, to control video 360 through device motion, you must embed player only in pages served with the https protocol.
More technical details, read w3c specs about the devicemotion api.

Video 360 is currently supported by the latest versions of the following browsers: Chrome, Safari, Firefox, Edge.

Example
var params = {
 	sessId: "a sessId here",
 	clientId: "your clientId here",
    video360: true
 };
 window.player = THRONContentExperience("elementId", params);

<static> language

  • Type: String or Object
  • Mandatory: No
  • Default value: Favorite language found automatically through these read-only browser property: navigator.userLanguage || navigator.language . Fallback to "en"
  • Available for: all content type

This parameter allows you to force the language.
The Player's language has three different specifications:

  • content language: the language for content title and description.
  • interface language: the language for the Player's interface (next, previous label...).
    Currently the available interface languages are Italian and English. If you use a different language, the English language will be used.
  • subtitle language: only for video and video playlist, set the default subtitle

You can set a string, indicating the language (it, en, fr, de), and this will be used for all the specs, or you pass an object with the following properties:

  • interface
  • content
  • subTitle
    For the content property, you can also specify an array of strings to specify an ordered list of preferred languages to use.
    If the first one is not available for the content, the second one will be used, then the third if still unavailable, and so on.
Examples
//Interface language in Italian, Content meta in English, default subtitle in German
 var params = {
 	sessId: "a sessId here",
 	clientId: "your clientId here",
 	language: {interface: "IT", content: "EN", subTitle: "DE"}
 };
 window.player = THRONContentExperience("elementId", params);
//Interface language in Italian, Content meta in English or, if the English language is not set, in Italian, default subtitle in German
 var params = {
 	sessId: "a sessId here",
 	clientId: "your clientId here",
 	language: {interface: "IT", content: ["EN", "IT"], subTitle: "DE"}
 };
 window.player = THRONContentExperience("elementId", params);

<static> rtie

  • Type: Object
  • Mandatory: No
  • Default value: null
  • Available for: Image and Image playlist

This parameter allows you to add additional properties to be passed to the Real Time Image Editor.
Useful when you want to add or override some RTIE properties for a specific embed.
You can pass into the object all the possible parameters documented for the RTIEs
RTIE parameters are illustrated in this article.

Example
//Pass some rtie parameters: scalemode, cropmode, cropy, cropw, croph, fill...
 var params = {
 	sessId: "a sessId here",
 	clientId: "your clientId here",
 	"rtie":{
 		"scalemode":manual,
 		"cropmode":pixel,
 		"cropy":1026,
 		"cropw":2880,
 		"croph":774,
 		"fill":zoom
 	}
};
window.player = THRONContentExperience("elementId", params);

<static> advertising

  • Type: Object
  • Mandatory: No
  • Default value: null
  • Available for: all content types

An object used to set the advertising content.
Advertising is based on Google IMA3.
For Video and Video Playlist the advertising starts when the user sends a play event (e.g.: click on play button).
Of course if the video is in autoplay, the advertisement will start automatically (Be aware of mobile limitations on autoplay)
For the other content types, the support is extended only on desktop, and advertising automatically starts once the Player is ready.

The advertising parameter is an object with the following items (tag or tagResponse are mandatory):

  • tag: string, the advertising url to be used;
  • tagResponse: string, a VAST XML response;
  • volume: the initial volume of advertising (number, between 0 and 1, default is equal to the content's volume or 1 if not available);
  • allowAdBlocker: optional, boolean, default false. If true, in presence of an AdBlocker, the content will be reproduced anyway (advertising will be skipped). Otherwise the player will show an error message;
  • onlyOnce: optional, boolean, default true. If false, advertising will be reproduced each time a playlist/linked element changes;
  • domId: optional, string, default null. If set, advertising will be shown into the domId container;
  • companions: optional, array of string. The domId where companions must appear. For example: ["companionDiv", "companionDiv2"]
Example
var params = {
 	sessId: "a sessId here",
 	clientId: "your clientId here",
 	"advertising": {
			"onlyOnce": true,
			"allowAdBlocker": false,
			"volume": 0.5,
			"tag": "http://traffick.jivox.com/jivox/serverAPIs/getCampaignById.php?api=vast&version=2.0&siteId=94d5ae29c87442&campaignId=21411&r=asdasdas",
			"domId": null,
				"companions": [
   			"companionDiv",
	  			"companionDiv2"
 		]
 	},
 };
 window.player = THRONContentExperience("elementId", params);

<static> minHeightWidthPercent

  • Type: Decimal
  • Mandatory: No
  • Default value: 90
  • Available for: Documents

This parameter allows you to control the amount of vertical/horizontal space below which the player will enter in thumbnail mode.


<static> lockBitrate

  • Type: String
  • Mandatory: No
  • Default value: null
  • Available for: video

If null, video playback will have adaptive bitrate. Other available value is 'max', which locks the video playback at the highest available bitrate.


<static> preloadColor

  • Type: String (RGB)
  • Mandatory: No
  • Default value: #F39900
  • Available for: all content types

The color code of the loader that appears when loading content. Currently, the Player only supports the following loader colors:

  • #00339E
  • #0090D0
  • #05665D
  • #197C83
  • #241E20
  • #2ECC71
  • #336E7B
  • #446CB3
  • #4ECDC4
  • #6C7A89
  • #90C695
  • #AEA8D3
  • #BDC3C7
  • #C0392B
  • #C5EFF7
  • #D2527F
  • #DB0A5B
  • #DCC6E0
  • #E4F1FE
  • #E61D25
  • #ECF0F1
  • #EDB112
  • #F39900
  • #F62459
  • #FDE3A7

<static> friction

  • Type: Decimal
  • Mandatory: No
  • Default value: 0.1
  • Available for: 360° Product View

Define how much friction is applied after a drag to a 360° Product View

  • friction: 1 => after a drag the content immediately stops
  • friction: 0 => after a drag the content will continue to rotate forever. The speed of the rotation
    depends on the speed of the drag.

<static> sensitivity

  • Type: Decimal
  • Mandatory: No
  • Default value: 1
  • Available for: 360° Product View

Define drag sensitivity when rotating a 360° Product View

  • sensitivity: 1 => the default sensitivity.
  • sensitivity: 0.1 => to change one frame the amount of pixel to drag is 10 times more compared with sensitivity 1
  • sensitivity: 10 => to change one frame the amount of pixel to drag is 10 times less compared with sensitivity 1

<static> timeForAutoRotation

  • Type: Decimal
  • Mandatory: No
  • Default value: 2000
  • Available for: 360° Product View

Define how many milliseconds a full rotation will take

  • timeForAutoRotation: 0 => the player won't start to rotate automatically.
  • timeForAutoRotation: 2500 => as soon as the player is ready it will start rotating with a speed
    that will perform a rotation in 2500ms

<static> preloadFrames

  • Type: Decimal
  • Mandatory: No
  • Default value: false
  • Available for: 360° Product View

Define if the player has to fetch all the images of the content immediately or not. If not, the player will
show a button to let the user fetch them upon interaction.


<static> enableZoomRotation

  • Type: Boolean
  • Mandatory: No
  • Default value: true
  • Available for: 360° Product View

Controls if the player allows the user to rotate when zoomed in.


<static> pcrAppId

  • Type: String
  • Mandatory: No
  • Default value: null
  • Available for: Image, Image Playlist, Video, Video Playlist, Audio, Audio Playlist, 360° Product View

Id of the Predictive Content Recommendation app to be used for this content.
See pcrOptions for additional information.


<static> pcrOptions

  • Type: Object
  • Mandatory: No
  • Default value: See table below
  • Available for: Image, Image Playlist, Video, Video Playlist, Audio, Audio Playlist, 360° Product View

Additional PCR parameters for this player. This param is ignored if pcrAppId is not specified.
The following settings are available:

  • mode: string, pcr activation mode; either:
    • "LIGHT" (unintrusive small popup, appears after X seconds of inactivity)
    • "FULL" (fullscreen overlay, appears at the complete event)
  • trigger: string, controls when PCR appears (overrides default for modes)
    • "INACTIVITY": after X seconds of user inactivity (probably you don't want to use this with video/audio since it may interrupt reproduction)
    • "AFTER_EACH": for playlists, when each content is shown (images) or finishes reproducing (audio/video)
    • "AFTER_ALL": for playlists, after the last content is shown (images) or finishes reproducing (audio/video)
    • any Content Experience event may also be supplied; PCR will be shown when that event fires
      (defaults to: INACTIVITY for images, the COMPLETE event for audio and video, and AFTER_EACH for all playlists)
  • delay: number, milliseconds of delay before the pcr is shown (defaults to 5 seconds for image, 0 for everything else)
  • autoAdvanceDelay: ignored for "LIGHT", how much it takes for full mode to advance to the next content
  • position: object, ignored for "FULL" mode; allows to control position of "LIGHT" popup manually

If not specified the default values are:

modetriggerdelayautoAdvanceDelay
Image / 360° Product View"LIGHT""INACTIVITY"5000 -
Video / Audio"FULL""complete"010000
Playlist"FULL""AFTER_EACH"500010000
Note that the loop parameter is incompatible with the trigger option set to "complete".
Example
var params = {
     sessId: "a sessId here",
     xcontentId: "an xcontentId here",
 	clientId: "your clientId here",
     pcrAppId: "your pcrAppId here",
     pcrOptions: {
 	    mode: "FULL",
         trigger: "complete",
         delay: 0,
         autoAdvanceDelay: 10000
     }
 };
 window.player = THRONContentExperience("elementId", params);

<static> pauseOtherPlayers

  • Type: Boolean
  • Mandatory: No
  • Default value: true
  • Available for: Video, Video Playlist, Live events

When a video is played, pauses all other instances of the Player that are reproducing video content.


<static> enablePlaylistDragNavigation

  • Type: Boolean
  • Mandatory: No
  • Default value: false
  • Available for: Image Playlist, Video Playlist, Audio Playlist (Not supported on mobile devices)

It enables the user to navigate through the gallery items with mouse drag.
If enabled, the zoom functionality is turned off. It means that an Image Playlist with enablePlaylistDragNavigation loses the
zoom functionality and automatically hides all the buttons that interact with the zoom.
On mobile devices this parameter is ignored.


<static> trackingDelay

  • Type: Decimal
  • Mandatory: No
  • Default value: 0
  • Available for: Live events

Delays the tracking events sent for analytics. Indicates the seconds of delay.
For example, a value of 5 means that the first load event will be sent after 5 seconds of content reproduction
and the progress events will start to be sent after that moment (rather than at the start of the live event)


<static> showHotspots

  • Type: Boolean
  • Mandatory: No
  • Default value: false
  • Available for: Image, Image Playlist, 360° Product View

Enable hotspot visualization for this content.