InterativeVideoViewer

Referência da API 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

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

  • containerId - {String} ID do container DOM (normalmente um DIV ) no qual o visualizador é inserido. Quando esse método é chamado, não é necessário ter o elemento de container criado. No entanto, o container deve existir quando init() for 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 de 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 retorno de chamada apropriado.

    Opcional.

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

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

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

    Consulte também o Guia do usuário do Viewer SDK 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