InteractiveVideoViewer interactivevideoviewer

Last update: Wed Mar 09 2022 00:00:00 GMT+0000 (Coordinated Universal Time)

トピック：
Dynamic Media Classic,Viewers,SDK/API,Interactive Videos

作成対象：

Developer
User

インタラクティブビデオビューアの JavaScript API リファレンス。

InteractiveVideoViewer([config])

コンストラクター。インタラクティブビデオビューアインスタンスを作成します。

パラメータ section-4fb77a645fdd45b3aaa5079c31e3bb05

config

{object} オプションの JSON 設定オブジェクト。個々のセッターメソッドを呼び出すのを避けるために、すべてのビューア設定をコンストラクターに渡すことができます。次のプロパティが含まれます。

containerId - {String} DOM コンテナの ID ( 通常は DIV ) を使用して、ビューアを挿入します。このメソッドを呼び出すまでに、コンテナ要素を作成する必要はありません。ただし、コンテナは、 init() が実行されます。

必須。
params - {Object} ビューアの設定パラメーターを持つ JSON オブジェクト。プロパティ名はビューア固有の設定オプションまたは SDK 修飾子で、そのプロパティの値は対応する設定値です。

必須。
ハンドラー - {Object} ビューアのイベントコールバックを含む JSON オブジェクト。プロパティ名はサポートされているビューアイベントの名前、プロパティ値は適切なコールバックへの JavaScript 関数参照です。

（オプション）

詳しくは、イベントコールバックを参照してください。
localizedTexts - {Object} ローカリゼーションデータを含む JSON オブジェクト。（オプション）

詳しくは、ユーザーインターフェイス要素のローカライゼーションを参照してください。

関連トピック ビューア SDK ユーザーガイド と例を参照してください。

戻り値 section-1d3cf85bc7cc4dfe9670e038d02b9101

なし

例 section-9e9332aa86b74a5fb321375c03fdc5b3

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

recommendation-more-help

b7426f53-aad9-4c00-83fc-664f30f681e8