InteractiveVideoViewer

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

InteractiveVideoViewer([config])

Constructor erstellt eine neue Instanz des interaktiven Video-Viewers.

Parameter

config

Das optionale JSON-Konfigurationsobjekt {object} ermöglicht es, alle Viewer-Einstellungen an den Konstruktor zu übergeben, damit keine einzelnen Setter-Methoden aufgerufen werden. Enthält die folgenden Eigenschaften:

  • containerId - {String} ID des DOM-Containers (normalerweise ein DIV), in den der Viewer eingefügt wird. Beim Aufruf dieser Methode ist es nicht erforderlich, dass das Container-Element erstellt wird. Der Container muss jedoch vorhanden sein, wenn init() ausgeführt wird.

    Erforderlich.

  • params - {Object} JSON-Objekt mit Viewer-Konfigurationsparametern, wobei der Eigenschaftsname entweder eine Viewer-spezifische Konfigurationsoption oder einen SDK-Modifikator ist und der Wert dieser Eigenschaft ein entsprechender Einstellungswert 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 für den entsprechenden Rückruf ist.

    Optional.

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

  • lokalisiertenTexten - {Object} JSON-Objekt mit lokale Anpassungen-Daten. Optional.

    Weitere Informationen finden Sie unter Lokale Anpassung der Benutzeroberflächenelemente .

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

Gibt zurück

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

Auf dieser Seite

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now