DocumentatieNaslaggids voor dynamische mediasviewers

InteractiveVideoViewer interactivevideoviewer

Last update: Fri Aug 15 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Onderwerpen:

Gemaakt voor:

  • Ontwikkelaar
  • Gebruiker

JavaScript API-referentie voor Interactive Video Viewer.

InteractiveVideoViewer([config])

Constructor: maakt een Interactive Video Viewer-instantie.

Parameters section-4fb77a645fdd45b3aaa5079c31e3bb05

config

{object} optioneel JSON-configuratieobject, stelt alle viewerinstellingen in staat aan de constructor door te geven om te voorkomen dat afzonderlijke settermethoden worden aangeroepen. Bevat de volgende eigenschappen:

  • containerId - {String} ID van de DOM-container (normaal gesproken 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.

  • params - {Object} JSON-object met viewerconfiguratieparameters waarbij de naam van de eigenschap viewer-specifieke configuratieoptie of SDK-modifier is en de waarde van die eigenschap een overeenkomende instellingswaarde is.

    Vereist.

  • handlers - {Object} JSON-object met callbacks voor viewergebeurtenissen, waarbij de eigenschapnaam de naam is van de ondersteunde viewergebeurtenis 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 Gids van de Gebruiker van SDK van de Kijker en het voorbeeld voor meer informatie over de inhoud van de objecten.

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