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.
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.
La implementación fue simple usando el Complemento de WordPress Facebox Gallery del Truimagen. 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 la gente hace clic en el video, obtenemos una vista de página "virtual". Agregué el código anterior.
Gracias por escribir un tutorial. Con suerte, aclarará algunas cosas para implementar contenido en línea en una ventana emergente de facebox. 🙂
¿Se da cuenta de que en IE al cerrar la ventana, el video continuará reproduciéndose en segundo plano? (¡Me encontré con el problema y estoy tratando de encontrar una solución!)