InteractiveVideoViewer

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

InteractiveVideoViewer([config])

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

パラメータ

config

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

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

    必須。

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

    必須。

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

    (オプション)

    ビューアイベントについて詳しくは、 イベントコールバックを参照してください。

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

このページ