Video Counter Expandible

ESPECIFICACIONES TÉCNICAS

megaintro
Ejemplo del formato

¿Cómo funciona?

Consta de un video banner comenzando en sonido off, al realizar rollover con el mouse se activa el sonido y un contador regresivo, al llegar el contador a 0 se expande automáticamente un layer animado y muestra un video que ocupa toda la pantalla.

El layer contiene un botón de cerrar y un texto debajo que indica un contador regresivo para cuando termina el vídeo también. Al finalizar el layer se cierra automáticamente.

Tanto al finalizar como al cerrar manualmente el layer el video inicial se vuelve a reproducir activando nuevamente todo el proceso.

¿Cómo se compone?

1 layer html.

1 video pequeño.

1 video grande.

Cómo se diseña

El formato esta diseñado para que sea una plantilla y no es necesario programar nada, únicamente se debe descargar el .ZIP de la plantilla y sustituir los videos.

Para sustituir los vídeos se basa en los nombres de tales:

video.mp4 – corresponde al vídeo inicial el pequeño ej(300x250px).

video2.mp4 – corresponde al vídeo del layer el grande ej(1280x720px).

Por mas información visitar nuestra sección de API.

Materiales a enviar

  • Enviar 1 zip por cada pieza. Ejemplo, el banner consta de 2 piezas, se debe enviar 2 zip por separado, cada una en su carpeta con sus contenidos. Ejemplo
  • El peso máximo del anuncio debe ser de hasta 30 MB.
  • En caso que la pieza lleve video ver las siguientes especificaciones.Ver aquí

DEMO

IMPORTANTE

No se debe utilizar iframes
Si se diseña en google web designer:
Realizar un anuncio que NO es de google
No invertir la pieza expandida y replegada(banner­page / expanded­page).
Realizar correctamente todos los divs, por separado para clicktag y botones.
Las medidas del replegado y el expandido no deben estar invertidas.
El anuncio solamente debe contar con los handlers personalizados de los botones expandir y cerrar.
Siempre la pagina inicial debe ser la replegada (banner­page).