InteractiveVideoViewer interactivevideoviewer

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

InteractiveVideoViewer([config])

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

Parameter section-4fb77a645fdd45b3aaa5079c31e3bb05

config

{object} optionales JSON-Konfigurationsobjekt ermöglicht es allen Viewer-Einstellungen, an den Konstruktor zu übergeben, um zu verhindern, dass einzelne Setter-Methoden aufgerufen werden. Enthält die folgenden Eigenschaften:

  • containerId - {String} Kennung des DOM-Containers (normalerweise ein DIV ), in den 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 Viewer-spezifische Konfigurationsoption oder 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 eine JavaScript-Funktionsreferenz zum entsprechenden Rückruf ist.

    Optional.

    Weitere Informationen zu Viewer-Ereignissen finden Sie unter Ereignisrückrufe.

  • localizedTexte - {Object} JSON-Objekt mit Lokalisierungsdaten. Optional.

    Weitere Informationen finden Sie unter Lokalisierung der Elemente der Benutzeroberfläche.

    Weitere Informationen zum Inhalt des Objekts finden Sie im Viewer SDK-Benutzerhandbuch und im Beispiel .

Rückgabe section-1d3cf85bc7cc4dfe9670e038d02b9101

Keine.

Beispiel 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