InteractiveVideoViewer interactivevideoviewer

最終更新日： 2025年8月14日

トピック：
{"id":"a01bfd36-4ab8-4bf8-9dc0-5b45b890552e"}

作成対象：

{"id":"d378ca77-2da1-4f39-ad92-1917fe974a38"}
{"id":"b69b2659-1057-424e-8fc5-ed9e016dc554"},{"id":"ff6a42d2-313e-452e-93a6-792e4fad9ff8"}

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

InteractiveVideoViewer([config])

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

パラメーター section-4fb77a645fdd45b3aaa5079c31e3bb05

設定

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

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

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

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

オプション。

ビューアイベントの詳細については、イベントコールバックを参照してください。
ローカライゼーションデータを含む localizedText - {Object} JSON オブジェクトオプション。

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

オブジェクトの内容について詳しくは、Viewer 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

dynamic-media-developer-resources-help-aem-viewers-ref