videoviewer videoviewer

影片檢視器的JavaScript API參考。

VideoViewer([config])

建構函式;建立新的視訊檢視器例項。

參數 section-8bc3d1424c8444f193716fc8d9975765

設定

{Object} 選用的JSON組態物件,允許所有檢視器設定傳遞給建構函式,並避免呼叫個別setter方法。 包含下列屬性:

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

  • 引數 - {Object} JSON物件搭配檢視器組態引數,其中屬性名稱是檢視器特定的組態選項或SDK修飾元,且該屬性的值是對應的設定值。 必要.

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

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

  • localizedTexts - { 物件} JSON物件包含本地化資料。 選擇性.

    如需詳細資訊,請參閱 Viewer SDK名稱空間

    如需物件內容的詳細資訊,請參閱 檢視器SDK使用手冊 和範例。 選擇性.

傳回 section-1d3cf85bc7cc4dfe9670e038d02b9101

無。

範例 section-9e9332aa86b74a5fb321375c03fdc5b3

var videoViewer = new s7viewers.VideoViewer({
 "containerId":"s7viewer",
"params":{
 "asset":"Scene7SharedAssets/Glacier_Climber_MP4",
 "serverurl":"http://s7d1.scene7.com/is/image/",
 "videoserverurl":"http://s7d1.scene7.com/is/content/"
},
"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