DocumentaçãoGuia de referência de visualizadores do Dynamic Media

InterativeVideoViewer interactivevideoviewer

Last update: Sat Jul 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Tópicos:

Criado para:

  • Desenvolvedor
  • Usuário

Referência da API do JavaScript para o visualizador de vídeo interativo.

InteractiveVideoViewer([config])

, cria uma instância do Visualizador de vídeo interativo.

Parâmetros section-4fb77a645fdd45b3aaa5079c31e3bb05

config

{object} objeto de configuração JSON opcional, permite que todas as configurações do visualizador sejam passadas para o construtor para evitar a chamada de métodos setter individuais. Contém as seguintes propriedades:

  • containerId - {String} ID do contêiner DOM (normalmente um DIV ) no qual o visualizador está inserido. Quando esse método é chamado, não é necessário criar o elemento de contêiner. No entanto, o contêiner deve existir quando init() é executado.

    Obrigatório.

  • parâmetros - {Object} objeto JSON com parâmetros de configuração de visualizador em que o nome da propriedade é uma opção de configuração específica do visualizador ou um modificador SDK, e o valor dessa propriedade é um valor de configurações correspondente.

    Obrigatório.

  • manipuladores - {Object} objeto JSON com retornos de chamada de evento do visualizador, em que o nome da propriedade é o nome do evento do visualizador com suporte e o valor da propriedade é uma referência de função JavaScript para retorno de chamada apropriado.

    Opcional.

    Consulte retornos de chamada de eventopara obter mais informações sobre eventos do visualizador.

  • localizedTexts - {Object} objeto JSON com dados de localização. Opcional.

    Consulte Localização dos elementos da interface do usuáriopara obter mais informações.

    Consulte também o Guia do Usuário do Visualizador do SDK e o exemplo para obter mais informações sobre o conteúdo do objeto.

Devoluções section-1d3cf85bc7cc4dfe9670e038d02b9101

Nenhum.

Exemplo 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