InteractiveVideoViewer

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

InteractiveVideoViewer([config])

Constructor, crea una instancia de visualizador de vídeo interactivo.

Parámetros

config

{object} objeto de configuración JSON opcional, permite que todos los ajustes del visor pasen al constructor para evitar llamar a métodos de establecimiento individuales. Contiene las siguientes propiedades:

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

    Obligatorio.

  • params - {Object} objeto JSON con parámetros de configuración del visor en los 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 : objeto {Object} JSON con llamadas de retorno de eventos del visor, donde el nombre de la propiedad es el nombre del evento del visor admitido y el valor de la propiedad es una referencia de función JavaScript a una llamada de retorno adecuada.

    Opcional.

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

  • localizedTexts - Objeto {Object} 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 de 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