InteractiveVideoViewer

Referencia de la API de JavaScript para el visor de vídeo interactivo.

InteractiveVideoViewer([config])

Constructor, crea una nueva instancia de visor de vídeo interactivo.

Parámetros

config

El objeto de configuración JSON opcional {object} permite que toda la configuración del visor se pase al constructor para evitar llamar a métodos de establecedor individuales. Contiene las siguientes propiedades:

  • containerId - {String} ID del contenedor DOM (normalmente un DIV ) en el que se inserta el visor. Cuando se llama a este método, no es necesario tener creado el elemento contenedor. Sin embargo, el contenedor debe existir cuando se ejecuta init() .

    Obligatorio.

  • params - {Object} objeto JSON con parámetros de configuración del visor en el que el nombre de propiedad es una opción de configuración específica del visor o un modificador SDK, y el valor de esa propiedad es un valor de configuración correspondiente.

    Obligatorio.

  • controladores - {Object} objeto JSON con rellamadas de evento de visor, donde el nombre de propiedad es el nombre del evento de visor admitido y el valor de propiedad es una referencia de función JavaScript a la rellamada adecuada.

    Opcional.

    Consulte rellamadas de Evento para obtener más información sobre los eventos del visor.

  • localizedTexts - {Object} objeto JSON con datos de localización. Opcional.

    Consulte Localización de los elementos de la interfaz de usuario para obtener más información.

    Consulte también la Guía del usuario del SDK del visor y el ejemplo para obtener más información sobre el contenido del objeto.

Devuelve

Ninguno.

Ejemplo

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

En esta página