InteractiveVideoViewer

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

InteractiveVideoViewer([config])

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

参数

配置

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

  • containerId - {字符串} DOM容器的ID(通常为 DIV )。 调用此方法时，无需创建容器元素。 但是，容器必须存在于 init() 运行。

    必需.

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

    必需.

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

    可选。

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

  • localizedTexts - {对象} 包含本地化数据的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"
}
});

在此页面上