InteractiveVideoViewer

交互式视频查看器的JavaScript API引用。

InteractiveVideoViewer([config])

构造函数,创建一个新的交互式视频查看器实例。

参数

配置

{object}可选 的JSON配置对象,允许将所有查看器设置传递到构造函数,以避免调用单个setter方法。包含以下属性:

  • containerId - {String} DOM容器的ID(通常是 DIV ),查看器将插入其中。调用此方法时,无需创建容器元素。 但是,运行 init()时,容器必须存在。

    必需.

  • 参数 - {Object} JSON对象,其中属性名称是特定于查看器的配置选项或SDK修饰符,并且该属性的值是相应的设置值。

    必需.

  • 处理 程序 — {Object} 具有查看器事件回调的JSON对象,其中属性名称是支持的查看器事件的名称,属性值是对相应回调的JavaScript函数引用。

    可选。

    请参阅事件回调 ,以了解有关查看器事件的更多信息。

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

在此页面上