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 se pasen al constructor para evitar llamar a métodos de ajuste individuales. Contiene las siguientes propiedades:

  • containerId - {Cadena} ID del contenedor DOM (normalmente, un DIV ) en la 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 init() se ejecuta.

    Obligatorio.

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

    Obligatorio.

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

    Opcional.

    Consulte Llamadas de retorno de eventos 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