YT Cinematic Player Web — JavaScript independiente

YT Cinematic Player Web — JavaScript independiente

El reproductor cinematográfico de YouTube en archivos estáticos: sin WordPress, sin base de datos y sin librerías externas. Presenta tus videos en un carrusel 3D, ábrelos en un reproductor ampliado y vuelve al carrusel al cerrar.

Qué incluye

• Carrusel 3D: portada central destacada y laterales en perspectiva; el fondo toma el color de la portada activa. Navegación con clic o toque, arrastre, trackpad horizontal y teclado.
• Reproductor ampliado: el panel crece desde la portada y carga el reproductor oficial de YouTube. Se cierra con «Cerrar», Esc o un clic fuera, y el video se detiene al cerrar.
• Dock de controles: anterior, reproducir/pausar, siguiente, barra de progreso, volumen y silencio, lista y video al azar.
• Lista con buscador: filtra por título, descripción, datos breves o créditos.
• Columna de acciones opcional: favoritos (guardados en el navegador del visitante), lista, repetir y compartir.
• Personalización en index.html: videos, títulos, descripciones, datos breves, créditos, etiqueta y portadas propias; colores de fondo, texto y acento, imagen de fondo con contraste y columna de acciones. Un comentario en el archivo explica cada campo.
• Tipografía incluida, adaptación a escritorio y móvil, y respeto de la preferencia «reducir movimiento».

Entrega e instalación

Recibes un ZIP con index.html, la carpeta assets (CSS, JavaScript y tipografía), una guía y un lanzador para probarlo en Windows. Para publicarlo, sube la carpeta a tu hosting con HTTPS y abre index.html. Para probarlo en tu equipo, haz doble clic en «Abrir reproductor.bat» (requiere Node.js solo para esa prueba local).

Requisitos y funcionamiento

Hosting o servidor web con HTTPS y navegador actual (Chrome/Edge 111+, Safari 16.4+, Firefox 113+). YouTube no reproduce videos en páginas abiertas como archivo local, por eso se incluye el lanzador. Usa el reproductor oficial de YouTube, que conserva su marca, controles y anuncios; no descarga videos ni extrae audio. Los videos privados o con inserción desactivada no se reproducen. La reproducción automática depende del navegador.

Los videos de ejemplo son películas abiertas de Blender Foundation y Blender Studio publicadas en YouTube.