DocumentazioneGuida di riferimento per i visualizzatori di Dynamic Medie

InteractiveVideoViewer interactivevideoviewer

Last update: Mon May 22 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Creato per:

  • Developer
  • User

Riferimento API JavaScript per Visualizzatore video interattivo.

InteractiveVideoViewer([config])

Costruttore, crea un’istanza del Visualizzatore video interattivo.

Parametri section-4fb77a645fdd45b3aaa5079c31e3bb05

config

{object} oggetto di configurazione JSON facoltativo, consente a tutte le impostazioni del visualizzatore di passare al costruttore per evitare di chiamare singoli metodi di impostazione. Contiene le seguenti proprietà:

  • containerId - {String} ID del contenitore DOM (normalmente un DIV ) in cui è inserito il visualizzatore. Quando si chiama questo metodo, non è necessario creare l’elemento contenitore. Tuttavia, il contenitore deve esistere quando init() viene eseguito.

    Obbligatorio.

  • parametri - {Object} Oggetto JSON con parametri di configurazione del visualizzatore in cui il nome della proprietà è un'opzione di configurazione specifica del visualizzatore o un modificatore SDK e il valore di tale proprietà è un valore di impostazioni corrispondente.

    Obbligatorio.

  • handler - {Object} Oggetto JSON con callback di eventi del visualizzatore, in cui il nome della proprietà è il nome dell'evento del visualizzatore supportato e il valore della proprietà è un riferimento della funzione JavaScript al callback appropriato.

    Facoltativo.

    Consulta Callback di eventiper ulteriori informazioni sugli eventi visualizzatore.

  • localizedTexts - {Object} Oggetto JSON con dati di localizzazione. Facoltativo.

    Consulta Localizzazione degli elementi dell’interfaccia utenteper ulteriori informazioni.

    Consulta anche Guida utente di Viewer SDK e l'esempio per ulteriori informazioni sul contenuto dell'oggetto.

Restituisce section-1d3cf85bc7cc4dfe9670e038d02b9101

Nessuno.

Esempio 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