Una ventana, toda tu lista
Abre tus videos y audios en una ventana superpuesta. La página queda detrás y vuelves a ella al cerrar.
HTML PARA WORDPRESS · VERSIÓN 0.2.1
Tus videos, en una ventana que invita a mirar.
Presenta video y audio en un lightbox con lista lateral, búsqueda y controles. Un botón abre la experiencia; al cerrar, tu visitante vuelve a la página.
2archivos HTML
5ejemplos enlazados
1lista lateral
Vista del reproductor original. Abre la demo de abajo para usarlo.
FUNCIONES
De un enlace a una experiencia completa.
Cinetide Lightbox HTML 0.2.1 conserva el reproductor Clásica y lo presenta en una ventana. Se inserta como código HTML en WordPress; no se instala como plugin.
Archivos y YouTube
Ejemplos MP4, WebM, MP3 y videos de YouTube. El motor también reconoce Vimeo, HLS y DASH, sujetos a los permisos de cada fuente.
Una lista fácil de explorar
Títulos, miniaturas, buscador y anterior/siguiente. Todos los ejemplos se presentan juntos en una lista lateral.
Controles Clásica
Volumen, progreso, velocidad, repetición, aleatorio y pantalla completa, con el estilo negro y gris original.
Cierre y navegación por teclado
Cierra con la X, Escape o el fondo. La reproducción se detiene y el foco vuelve al botón que abrió la ventana.
HTML listo para insertar
Dos archivos autocontenidos: una página completa y un bloque para tu web. Cambia los enlaces y los títulos sin instalar un tema.
DEMO EN VIVO
Abre la ventana y descubre el reproductor.
Pulsa «Ver vídeos» para abrir el componente real. Esta demo abre en pausa; pulsa reproducir dentro de la ventana cuando quieras escuchar.
Lista de demostración: Flor en MP4 y WebM, Rugido en MP3, Big Buck Bunny y Sintel en YouTube. Los medios necesitan Internet. Al cerrar el lightbox, la reproducción se detiene.
CÓMO FUNCIONA
Copia, personaliza y publica.
Abre el archivo
Usa INSERTAR-CINETIDE.html para una web o CINETIDE-LIGHTBOX.html como página completa.
Cambia tus enlaces
Edita los títulos y las URL en la lista del comienzo. Cada entrada tiene un identificador único.
Pégalo en WordPress
En un bloque HTML personalizado, pega todo el contenido en la pestaña HTML. Tu cuenta debe permitir scripts y estilos.
Comprueba tu página
Guarda, publica y abre la URL pública. Prueba el lightbox desde la página publicada.
COMPATIBILIDAD
Lo que necesitas para usarlo.
| Uso | Requisito |
|---|---|
| WordPress | Bloque HTML personalizado y permiso para publicar HTML sin filtrar. Un constructor o una política CSP pueden bloquear scripts. |
| Archivos | URL pública y formato compatible con el navegador. El paquete incluye HTML; los videos y audios son enlaces externos. |
| YouTube | La página debe estar publicada por HTTP/HTTPS y el video debe permitir inserción. Como archivo local puede aparecer el error 153. |
| Vimeo, HLS y DASH | El motor los reconoce y carga bibliotecas remotas cuando hacen falta. No se probaron en la entrega original; requieren fuentes accesibles y permisos adecuados. |
| Móvil y teclado | Ventana adaptable, desplazamiento dentro de la lista y controles de teclado. Escape cierra y devuelve el foco al botón. |
PREGUNTAS FRECUENTES
Antes de ponerlo en tu web.
¿Es un plugin de WordPress?
La entrega final 0.2.1 es HTML autocontenido. No se sube desde Plugins: se pega en un bloque HTML personalizado.
¿Puedo cambiar los videos?
Sí. Cambia el href y el título de cada entrada en la zona editable. Añade o quita filas manteniendo los identificadores únicos y la lista oculta.
¿Puede abrirse automáticamente?
El código incluye opciones de apertura e inicio automático. Los navegadores pueden bloquear el sonido. Esta demo abre únicamente al pulsar y empieza en pausa.
¿Puedo poner varias instancias?
Sí. Puedes insertar varios bloques con listas distintas. El motor se registra una vez y cada bloque conserva sus propios datos.
¿Qué sucede al cerrar?
El reproductor se detiene. Al reabrir el mismo medio puede recuperar su posición.
¿Qué recibo con la compra?
El ZIP de la entrega HTML 0.2.1, con los dos archivos, instrucciones, licencias y documentación de las pruebas. Los medios se enlazan desde sus proveedores.