FRES
L

+(33) 6 89 98 75 73

L

Lun – Sáb: 9:00 – 17:30

Gutenberg

Elementor

fondo de vídeo desplazable

Transforma un vídeo en
fondo animado con desplazamiento
para WordPress

Un plugin de WordPress diseñado para crear secciones o fondos de página donde el vídeo avanza al desplazarse, se reproduce al entrar en una sección o funciona como una microanimación premium. Compatible con Gutenberg y Elementor, sin GSAP en la versión destinada al repositorio de WordPress.org.

Descubre las características
Ver los usos
Siguiente sección

demostraciones en vídeo

Dos formas de renderizar una página de WordPress más inmersiva

El vídeo de fondo abarca toda la página, creando una narrativa continua a medida que el usuario se desplaza. Las animaciones de sección permiten un enfoque narrativo más rítmico y basado en bloques.

Sincronización del desplazamiento de página

Fondo de vídeo global

Para una página de inicio, una presentación premium o una historia visual, el vídeo puede acompañar toda la navegación y avanzar a medida que el usuario se desplaza.

Sección de animación

Animaciones de sección

Para una narración más segmentada, cada sección puede activar su propio vídeo: reproducir al entrar, reproducir en reversa al salir, pausar al final de la animación o sincronizar con el desplazamiento.

Experiencia inmersiva

Narración de historias de primera calidad

Los vídeos MP4 pueden sustituirse por tus propios archivos para crear experiencias visuales adaptadas a cada proyecto.

Siguiente sección

Características planificadas

Un complemento orientados a la producción y constructores

La prioridad es mantener el plugin limpio, comprensible, compatible con el repositorio oficial de WordPress.org y utilizable tanto en Gutenberg como en Elementor.

Editorial Gutenberg

Una sección de ancho completo que puede contener bloques internos: títulos, textos, botones, columnas, grupos, imágenes o cualquier otro bloque compatible con Gutenberg.

  • Bloque de sección con bloques interiores
  • Alineación de ancho completo
  • Altura y espaciado configurables
  • Superposición y opacidad ajustables

Compatibilidad con Elementor

Los controles de vídeo están disponibles directamente en las secciones de Elementor, con comportamientos adaptados a las páginas narrativas.

  • Controles de vídeo en las secciones
  • Reproducción automática/bucle normal
  • Sección de sincronización de desplazamiento con rango de desplazamiento
  • Comportamientos separados por modo

Modos de lectura

Los modos están separados para evitar configuraciones innecesarias y para que la interfaz sea legible según el uso elegido.

  • Vídeo de fondo global sincronizado con el desplazamiento
  • Sección de sincronización de desplazamiento controlada por rango
  • Lectura automática en la entrada
  • Animación de entrada/salida con inversión
Siguiente sección

Usar

Tres formas de usar Fondo de vídeo desplazable

El plugin cubre tres usos complementarios: secciones de Gutenberg, secciones de Elementor y el fondo de vídeo global de la página.

Modo de sección de Gutenberg

Agregue el bloque Sección de fondo de video desplazable, seleccione un video de la biblioteca multimedia, configure la altura, los márgenes verticales y la superposición, y luego agregue contenido al bloque.

Modo de fondo completo

Abre la página en Gutenberg, usa el panel lateral "Desplazar fondo de vídeo", activa el fondo de vídeo para esta página y crea la página normalmente.

Modo de sección de Elementor

Seleccione el comportamiento del vídeo en la sección, utilice un rango de desplazamiento, defina la duración de entrada y de retroceso, y luego combine varias secciones de vídeo.

Siguiente sección

Vídeo recomendado

Un buen video es corto, ligero y bien codificado

La calidad del efecto depende en gran medida de la preparación del archivo de vídeo. Los fotogramas clave son esenciales para lograr un desplazamiento preciso.

MP4

formato recomendado

30 fps

frecuencia estándar

0,5 s

fotograma clave recomendado

1920 píxeles

ancho de alta calidad

Abra PowerShell o la terminal de Windows.

Utilice la terminal de Windows para instalar FFmpeg y ejecutar comandos de optimización de vídeo.

Instalar FFmpeg

Instalar FFmpeg, luego cierra y vuelve a abrir la terminal antes de verificar el comando.

Prepara el archivo de trabajo

Coloca el vídeo original en una carpeta sencilla, por ejemplo C:\Vídeos\scroll\video.

Exportar una versión optimizada

Convierte el vídeo, elimina el audio, reduce el tamaño del archivo y fuerza la aparición de fotogramas clave regulares.

Siguiente sección

Publicaciones y novedades

Una base limpia para publicación, traducción y novedades

El plugin está diseñado para ser publicado en el repositorio oficial, documentado en inglés y luego traducido a través del sistema oficial WordPress Polyglots.

Documentación integrada

Una página principal en el menú de WordPress, enlaces directos desde la página de extensiones y documentación clara para la preparación de vídeos.

Complemento de cumplimiento

El URI del plugin y el URI del autor son independientes, el dominio del texto se ajusta a la norma y la estructura es adecuada para una publicación limpia en WordPress.org.

Posibles novedades

Versión GSAP independiente, ajustes de limpieza avanzados, comportamientos diferenciados y compatibilidad mejorada con constructores.

Siguiente sección

Fondo de vídeo desplazable

Un plugin de WordPress para crear páginas más inmersivo

El plugin permite utilizar un vídeo como fondo animado sincronizado con el desplazamiento o como animación de sección, con una configuración diseñada para Gutenberg, Elementor, temas de edición completa del sitio y publicación limpia en WordPress.org.

Analice el complemento
Volver a Etchenet

De lunes a sábado: 9:00 – 17:30 · País Vasco y toda Francia