Banner tradicional HTML5 con Video

ESPECIFICACIONES TÉCNICAS

html5
Ejemplo del formato

Características

Medidas: 728x90px, 300x250px, 300x600px, 630x300px, 300×600, 970x250px, 970x250px.

  • Formato: HTML5.
  • Peso máximo: 120kb
  • Gif o JPG de respaldo: Opcional
  • Peso máximo del GIF o JPG: 120kb
  • Loop: si
  • Video: MP4 (hecho a partir del codec H.264).
  • IMPORTANTE: Se deberá dejar un recuadro negro en el diseño del banner que indique que allí debe ir el video.

 

Para agregar un video al anuncio html, siga las instrucciones respecto a las especificaciones para video:

Para contabilizar métricas en un video primero se debe agregar el tag al html correspondiente, por ejemplo:

 <video id="video1" width="320" height="320" controls autoplay muted>
 <source src="video.mp4" type=”video/mp4”>
 </video>

Principalmente nos encontramos con el tag <video> y dentro del mismo el se encuentra el tag <source> que corresponde a la dirección del video a cargar.

El tag video debe tener un id especificado, en este ejemplo es: “video1″, para poder realizar que contabilice métricas es necesario utilizar la función EPL.setVideo(videoId, trackComplete, callback), la cual recibe como parámetros la siguiente información:

– videoId: String, id del video html5.

– trackComplete: true o false, indica si hay que realizar el Anuncio Completo[EPL.adComplete()] al finalizar el video.

– callback: Function o null, función que se pasa como parámetro para ejecutar una ves que finaliza el video.

Ejemplo:

EPL.setVideo(“video1″, true, function(){console.log(“Video Completo”);});

Automáticamente, la librería de Rich Media reconoce el video y ajusta las métricas a sus controles.

También se agregará dinámicamente un clicktag al video.

Métricas de video:

• Sonido On

• Sonido Off

• Start

• Pause

• Restart

• Anuncio Completo

• 1/4 video reproducción

• 1/2 video reproducción

• 3/4 video reproducción

 

Opciones de video:

Los formatos rich media soportan hasta un máximo de 5 videos inclusive.

En caso de necesitar que un video comience en auto play, pausa, sonido on/off, se debe setear directamente del tag <video> con las propiedades correspondientes.

En el próximo ejemplo mostramos cómo realizar un video que comienza con sonido off, en auto play y con controles visibles:

<video id=”video1″ width=”320″ height=”320″ controls autoplay muted>
<source src=”video.mp4″ type=”video/mp4″>
</video>

Las propiedades en la etiqueta marcadas en azul son las seteadas.

Plazos de entrega: Los materiales deben entregarse como mínimo 48 horas antes de la fecha de lanzamiento de la campaña.
ADVERTENCIA: La falta de alguno de los archivos solicitados puede generar demoras en la implementación de las pautas.