WordPress: Cómo hacer una ventana emergente de Facebox de video

Los videos de Vimeo y Youtube ahora ofrecen videos de alta definición que pueden ocupar bastante espacio en un sitio web o blog. Una forma de optimizar esto es utilizar un método llamado Facebox. Un facebox es un buen medio para mostrar una ventana dentro de su página sin una ventana emergente separada.

boton-video-salvavidas.png

Centros de datos Lifeline tenían un video producido por Another Cool Design que querían presentar en su página de inicio, sin tener que reubicar o rediseñar el tema. Entonces, hicimos una imagen pequeña y agradable con un botón de reproducción grande e incorporamos un código que genera una ventana elegante para mostrar el video.

Lifeline-video-facebox.png

La implementación fue simple usando el Complemento de WordPress Facebox Gallery desde Truimage. Creé un página externa (video.html) en la raíz del sitio que tiene el video (con autoplay = 1 para que se reproduzca automáticamente cuando se abre), y luego agregó un widget de texto con el fragmento necesario.

<a href="video.html" rel = "facebox" onclick = "javascript: pageTracker._trackPageview ('/ special / mypage');"> 

La rel = facebox La designación es lo que inicia el código una vez que se hace clic en el enlace. Aparece la pantalla de video que comienza a reproducirse de inmediato. Es una implementación simple y una solución fácil para incrustar uno o más videos en una página. ¡Muy pronto utilizaremos este método en otro sitio!

NOTA: Es importante capturar la cantidad de vistas con el video dentro del analítica (Google Analytics), por lo que también agregamos un evento onclick en la etiqueta de anclaje. Ahora, cuando las personas hacen clic en el video, obtenemos una vista de página "virtual". Agregué el código de arriba.

3 Comentarios

  1. 1

    Gracias por escribir un tutorial. Con suerte, aclarará algunas cosas para implementar contenido en línea en una ventana emergente de facebox. 🙂

  2. 2

¿Qué piensas?

Este sitio usa Akismet para reducir el correo no deseado. Descubra cómo se procesan los datos de sus comentarios.