InterativeVideoViewer

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

InteractiveVideoViewer([config])

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

Parâmetros

configuração

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

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

    Obrigatório.

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

    Obrigatório.

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

    Opcional.

    Consulte Retornos de chamada do evento para obter mais informações sobre os eventos do visualizador.

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

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

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

Retorna

Nenhum.

Exemplo

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

Nesta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now