DocumentaciónGuía de referencia de visores de Dynamic Media

InteractiveVideoViewer interactivevideoviewer

Last update: Mon Jul 22 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Temas:

Creado para:

  • Desarrollador
  • Usuario

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

InteractiveVideoViewer([config])

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

Parámetros section-4fb77a645fdd45b3aaa5079c31e3bb05

configuración

{object} objeto de configuración JSON opcional, permite que toda la configuración del visor 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 de ) en el que se inserta el visor. Para el momento en que se llama a este método, no es necesario tener creado el elemento contenedor. Sin embargo, el contenedor debe existir cuando se ejecute init() .

    Obligatorio.

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

    Opcional.

    Consulte devoluciones de llamadas de eventopara obtener más información sobre los eventos de visor.

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

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

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

Devuelve section-1d3cf85bc7cc4dfe9670e038d02b9101

Ninguno.

Ejemplo section-9e9332aa86b74a5fb321375c03fdc5b3

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"
}
});
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8