InteractiveVideoViewer

JavaScript-API-Referenz für interaktiven Video-Viewer.

InteractiveVideoViewer([config])

Constructor erstellt eine Viewer-Instanz für interaktive Videos.

Parameter

config

{object} optionales JSON-Konfigurationsobjekt ermöglicht es allen Viewer-Einstellungen, an den Konstruktor zu übergeben, um das Aufrufen einzelner Setter-Methoden zu vermeiden. Enthält die folgenden Eigenschaften:

containerId - {String} Kennung des DOM-Containers (normalerweise eine DIV ), in die der Viewer eingefügt wird. Zum Zeitpunkt des Aufrufs dieser Methode ist es nicht erforderlich, dass das Containerelement erstellt wird. Der Container muss jedoch vorhanden sein, wenn init() ausgeführt wird.

Erforderlich.
params - {Object} JSON-Objekt mit Viewer-Konfigurationsparametern, bei denen der Eigenschaftsname entweder eine Viewer-spezifische Konfigurationsoption oder einen SDK-Modifikator ist und der Wert dieser Eigenschaft ein entsprechender settings-Wert ist.

Erforderlich.
Handler - {Object} JSON-Objekt mit Viewer-Ereignis-Rückrufen, wobei der Eigenschaftsname der Name des unterstützten Viewer-Ereignisses und der Eigenschaftswert ein JavaScript-Funktionsverweis auf den entsprechenden Rückruf ist.

Optional.

Siehe Ereignisrückrufe für weitere Informationen zu Viewer-Ereignissen.
localizedTexte - {Object} JSON-Objekt mit Lokalisierungsdaten. Optional.

Siehe Lokalisierung der Elemente der Benutzeroberfläche für weitere Informationen.

Siehe auch Benutzerhandbuch zum Viewer-SDK und das Beispiel für weitere Informationen zum Inhalt des Objekts.

Rückgabe

Keine.

Beispiel

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"
}
});