InteractiveVideoViewer interactivevideoviewer

JavaScript API-referentie voor Interactive Video Viewer.

InteractiveVideoViewer([config])

Constructor: maakt een Interactive Video Viewer-instantie.

Parameters section-4fb77a645fdd45b3aaa5079c31e3bb05

config

{object} Met het optionele JSON-configuratieobject kunnen alle viewerinstellingen aan de constructor worden doorgegeven om te voorkomen dat afzonderlijke settermethoden worden aangeroepen. Bevat de volgende eigenschappen:

  • containerId - {String} ID van de DOM-container (gewoonlijk een DIV ) waarin de viewer wordt ingevoegd. Tegen de tijd dat deze methode wordt geroepen, is het niet noodzakelijk om het containerelement te hebben gecreeerd. De container moet echter bestaan wanneer init() wordt uitgevoerd.

    Vereist.

  • param - {Object} JSON-object met parameters voor viewerconfiguratie waarbij de naam van de eigenschap viewer-specifieke configuratieoptie of SDK-modifier is en de waarde van die eigenschap een corresponderende instellingswaarde is.

    Vereist.

  • handlers - {Object} JSON-object met callbacks voor viewergebeurtenissen, waarbij de eigenschapsnaam de naam van de ondersteunde viewergebeurtenis is en de eigenschapswaarde een JavaScript-functieverwijzing naar de juiste callback is.

    Optioneel.

    Zie Gebeurteniscallbacksvoor meer informatie over viewergebeurtenissen.

  • localizedText - {Object} JSON-object met lokalisatiegegevens. Optioneel.

    Zie Lokalisatie van gebruikersinterface-elementenvoor meer informatie .

    Zie ook de Gebruikershandleiding van de viewer-SDK en het voorbeeld voor meer informatie over de inhoud van het object.

Retourneert section-1d3cf85bc7cc4dfe9670e038d02b9101

Geen.

Voorbeeld section-9e9332aa86b74a5fb321375c03fdc5b3

var interactiveVideoViewer = new s7viewers.InteractiveVideoViewer({
 "containerId":"s7viewer",
"params":{
 "asset":"/content/dam/mac/aodmarketingna/dm-viewers-content/video/Glacier.mp4",
"config":"/etc/dam/presets/viewer/Shoppable_Video_Dark",
 "serverurl":"https://aodmarketingna.assetsadobe.com/is/image/",
 "videoserverurl":"https://gateway-na.assetsadobe.com/DMGateway/public/aodmarketingna",
 "contenturl":"https://aodmarketingna.assetsadobe.com/",
"interactivedata":"is/content/content/dam/mac/aodmarketingna/_VTT/dm-viewers-content/video/Glacier.mp4.svideo.vtt"
},
"handlers":{
 "initComplete":function() {
  console.log("init complete");
}
},
"localizedTexts":{
"en":{
"VideoPlayer.ERROR":"Your Browser does not support HTML5 Video tag or the video cannot be played."
},
"fr":{
"VideoPlayer.ERROR":"Votre navigateur ne prend pas en charge la vidéo HTML5 tag ou la vidéo ne peuvent pas être lus."
},
defaultLocale:"en"
}
});
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8