InteractiveVideoViewer

互動式視訊檢視器的JavaScript API參考。

InteractiveVideoViewer([config])

建構函式會建立互動式視訊檢視器例項。

參數

設定

{object}選 用的JSON配置對象允許所有查看器設定傳遞給建構子,以避免調用單個setter方法。包含下列屬性:

  • containerId - {String} DOM容器的ID(通常是 DIV ),會將檢視器插入其中。呼叫此方法時,不需要建立容器元素。 但是,當 init()運行時,容器必須存在。

    必要.

  • 數 — {Object} JSON 物件以及檢視器設定參數,其中屬性名稱為檢視器專屬組態選項或SDK修飾元,而該屬性的值是對應的設定值。

    必要.

  • 處理 程式 — {Object} JSON物 件,具有檢視器事件回呼,其中屬性名稱是受支援檢視器事件的名稱,而屬性值是適當回呼的JavaScript函式參考。

    選填。

    如需檢視器事件的詳細資訊,請參閱事件回呼

  • 本地化 文本 — {Object} JSON 物件,包含本地化資料。選填。

    如需詳細資訊,請參閱使用者介面元素的本地化

    如需物件內容的詳細資訊,另請參閱檢視器SDK使用指南和範例。

傳回

無。

範例

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

本頁內容