Convierte un vídeo para usarlo como fondo de vídeo desplazable.

Antes de convertir un video para usarlo como fondo animado en WordPress, necesitas tener FFmpeg en su computadora. FFmpeg es una herramienta de línea de comandos que permite convertir, comprimir, optimizar y recodificar archivos de video en muchos formatos.

En este artículo, los comandos de conversión utilizan FFmpeg desde la terminal. Por lo tanto, solo es necesario instalarlo una vez antes de poder ejecutarlos.

Instalar FFmpeg

En Windows

El método más sencillo es instalar FFmpeg con Winget, directamente desde PowerShell o la Terminal de Windows.

Abre PowerShell y luego ejecuta:

winget instalar Gyan.FFmpeg

Una vez finalizada la instalación, cierre y vuelva a abrir la terminal, y luego verifique que FFmpeg esté disponible:

ffmpeg -versión

Si se muestra una versión de FFmpeg, la instalación es correcta.

En macOS

Con Homebrew, la instalación se realiza mediante el siguiente comando:

brew install ffmpeg

Verificación:

ffmpeg -versión

En Linux

En Debian o Ubuntu:

sudo apt update sudo apt install ffmpeg

Verificación:

ffmpeg -versión

Una vez instalado FFmpeg, puedes utilizar los comandos de conversión que se presentan en este artículo para preparar un vídeo adecuado para un fondo de WordPress: más ligero, mejor optimizado y con una carga más fluida.

Puntos clave para recordar

Convierte un vídeo para usarlo como fondo de WordPress usando FFmpeg.

Un vídeo utilizado como fondo de WordPress no solo debe ser estéticamente agradable. Debe ser ligero, compatible con todos los navegadores, cargarse rápidamente y estar bien preparado para los efectos de desplazamiento de vídeo.

FFmpeg

MP4 / H.264

Fondo de vídeo

Vídeo con desplazamiento

WordPress

¿Por qué convertir?

Un vídeo tradicional no tiene por qué ser adecuado para la web.

Un vídeo de fondo en WordPress suele mostrarse a pantalla completa, a veces detrás del texto y otras veces sincronizado con el desplazamiento. Esto impone limitaciones diferentes a las de un vídeo de YouTube o un simple archivo MP4.

1

Reducir peso

Un vídeo demasiado grande ralentiza la carga de la página y afecta negativamente a la experiencia móvil.

2

Mejorar la compatibilidad

El formato MP4 codificado en H.264 sigue siendo la opción más fiable para la integración con WordPress.

3

Eliminar audio

Un vídeo de fondo generalmente no necesita sonido. Eliminar el audio reduce el tamaño del archivo.

4

Prepara el desplazamiento del video

El efecto de desplazamiento requiere fotogramas clave más regulares para garantizar una reproducción fluida.

Objetivo : Producir un vídeo web limpio, silencioso, ligero y compatible, apto para su uso en el fondo de WordPress.

Comando principal

El comando recomendado para un fondo de WordPress

Este comando proporciona una base sólida para convertir un vídeo destinado a un fondo de WordPress con un efecto de desplazamiento de vídeo.

ffmpeg -i input.mp4 -vf "scale=1920:-2" -c:v libx264 -preset slow -crf 24 -g 15 -keyint_min 15 -sc_threshold 0 -pix_fmt yuv420p -an -movflags +faststart output-wordpress-scroll.mp4

Este comando cambia el tamaño del vídeo, lo codifica en H.264, elimina el audio, alinea los fotogramas clave y prepara el archivo MP4 para una mejor reproducción en la web.

Detalles técnicos

Comprender la configuración de FFmpeg

Configuración

Función

Utilidad para WordPress

-i input.mp4

Define el vídeo de origen.

Este es el archivo original que se va a convertir.

-vf "escala=1920:-2""

Cambia el tamaño del vídeo a 1920 píxeles de ancho.

La altura se calcula automáticamente manteniendo las proporciones.

-c:v libx264

Codifica el vídeo con el códec H.264.

Formato altamente compatible con navegadores y WordPress.

-preajuste lento

Utiliza una codificación más lenta pero más eficiente.

A menudo permite una mejor relación calidad/peso.

-crf 24

Controla la calidad y la compresión.

Una buena solución de compromiso para un vídeo de fondo web.

-g 15

Define el intervalo entre fotogramas clave.

A 30 fps, esto resulta en un fotograma clave cada 0,5 segundos.

-keyint_min 15

Establece el intervalo mínimo entre fotogramas clave.

Mejora la consistencia de la codificación para el desplazamiento de vídeo.

-sc_threshold 0

Deshabilita los fotogramas clave automáticos vinculados a los cambios de escena.

Permite una distribución más estable de los fotogramas clave.

-pix_fmt yuv420p

Forzar un formato de píxeles altamente compatible.

Reduce el riesgo de problemas de lectura en algunos dispositivos.

-año

Eliminar el audio.

Reduce el peso y facilita la reproducción automática silenciosa.

-movflags +faststart

Coloca los metadatos MP4 al principio del archivo.

Mejora la velocidad de inicio de los vídeos en la web.

CRF

El ajuste de calidad/peso

El parámetro CRF determina el nivel de compresión. Cuanto menor sea el valor, mayor será la calidad, pero mayor será el tamaño final del archivo.

CRF

Resultado

18

Archivo de muy alta calidad y gran tamaño.

20-22

Muy buena calidad para un vídeo que se pueda ver.

23-24

Una buena solución de compromiso para un fondo de WordPress.

26-28

Menor tamaño de archivo, menor calidad.

30+

Fuerte compresión, posibles artefactos.

Valor recomendado

CRF 24 como punto de partida

Para un vídeo de fondo de WordPress, CRF 24 Ofrece un valor equilibrado. Mantiene una calidad decente sin generar archivos de tamaño excesivo.

Para una sección muy visible en la parte superior de la página, CRF 22 podría ser preferible. Para una versión móvil o secundaria, CRF 26 Puede que sea suficiente.

Cuanto menor sea el CRF, mayor será la calidad del vídeo. Cuanto mayor sea el CRF, menor será el tamaño del archivo de vídeo.

Resolución

¿Qué ancho debo elegir para un vídeo de fondo?

La resolución debe ser suficiente para garantizar una imagen nítida en la pantalla, pero no excesiva. Un vídeo demasiado grande aumenta innecesariamente el tamaño del archivo.

Ancho

Usar

Filtro FFmpeg

1920 píxeles

Sección Hero para escritorio, renderizado premium, ancho completo.

escala=1920:-2

1600 píxeles

Una buena solución intermedia para ordenadores de sobremesa.

escala=1600:-2

1280 píxeles

Versión ligera o para dispositivos móviles.

escala=1280:-2

1080 píxeles

Vídeo secundario de fondo o discreto.

escala=1080:-2

En escala=1920:-2, El ancho es fijo, de 1920 píxeles, y la altura se calcula automáticamente. -2 Mantiene las proporciones y conserva un valor compatible con la codificación de vídeo.

Fotogramas clave

El punto clave para el desplazamiento de vídeo

En un vídeo tradicional, el reproductor normalmente avanza desde el principio hasta el final. En un vídeo con desplazamiento, el navegador debe poder moverse rápidamente por la línea de tiempo.

Fotogramas clave demasiado separados

La navegación dentro del vídeo puede carecer de precisión. El desplazamiento puede parecer menos fluido o reaccionar con un ligero retraso.

Fotogramas clave más regulares

El navegador utiliza puntos de referencia más frecuentes. La navegación dentro del vídeo se vuelve más estable.

Velocidad de fotogramas

Configuración recomendada

Resultado

24 fps

-g 12

Un fotograma clave cada 0,5 segundos.

30 fps

-g 15

Un fotograma clave cada 0,5 segundos.

60 fps

-g 30

Un fotograma clave cada 0,5 segundos.

Para un vídeo de desplazamiento de WordPress a 30 fps, -g 15 -keyint_min 15 es una base coherente.

Comandos útiles

Versiones prácticas según el uso

Versión de escritorio premium

Ancho 1920px, calidad equilibrada, fotogramas clave adaptados al desplazamiento.

ffmpeg -i input.mp4 -vf "scale=1920:-2" -c:v libx264 -preset slow -crf 24 -g 15 -keyint_min 15 -sc_threshold 0 -pix_fmt yuv420p -an -movflags +faststart output-desktop.mp4

Versión móvil ligera

Menor anchura y compresión ligeramente más fuerte.

ffmpeg -i input.mp4 -vf "scale=1280:-2" -c:v libx264 -preset slow -crf 26 -g 15 -keyint_min 15 -sc_threshold 0 -pix_fmt yuv420p -an -movflags +faststart output-mobile.mp4

Fondo simple sin desplazamiento

Para un vídeo que simplemente se reproduce en segundo plano.

ffmpeg -i input.mp4 -vf "scale=1920:-2" -c:v libx264 -preset slow -crf 24 -pix_fmt yuv420p -an -movflags +faststart output-background.mp4

Versión muy ligera

Priorizar el tamaño del archivo sobre la máxima calidad.

ffmpeg -i input.mp4 -vf "scale=1280:-2" -c:v libx264 -preset medium -crf 28 -pix_fmt yuv420p -an -movflags +faststart output-light.mp4

Audio

Eliminar el audio de un vídeo de fondo

Un vídeo de fondo normalmente no necesita una pista de audio. Eliminar el sonido reduce el tamaño del archivo y evita comportamientos de carga no deseados.

ffmpeg -i input.mp4 -an -c:v libx264 -preset slow -crf 24 -pix_fmt yuv420p -movflags +faststart output-no-audio.mp4

El parámetro -año Elimina todas las pistas de audio del vídeo exportado.

Imagen de póster

Crea una imagen de marcador de posición para WordPress.

La imagen del póster aparece antes de que se cargue el vídeo o antes de que aparezca la primera imagen. Esto evita que haya un espacio en blanco en la página.

ffmpeg -ss 00:00:02 -i input.mp4 -frames:v 1 poster.jpg

-ss 00:00:02

Seleccione una imagen ubicada a los 2 segundos del video.

-fotogramas:v 1

Extrae una sola imagen del vídeo.

En la sección principal, la imagen del póster debe permanecer legible con el texto superpuesto.

Vídeo HTML

Atributos recomendados para un fondo de vídeo

El vídeo de fondo debe ser silencioso, estar integrado en la página y acompañado de una imagen de póster.

Atributo

Role

reproducción automática

Solicita la reproducción automática del vídeo.

apagado

Silencia el sonido, ya que esto activa la reproducción automática.

bucle

Reinicia el vídeo en bucle.

juegaenlínea

Evita la visualización forzada a pantalla completa en dispositivos móviles.

precarga="metadatos""

Carga los metadatos sin forzar una descarga completa inmediata.

correo

Muestra una imagen de reemplazo antes de la reproducción.

Análisis

Lea la información técnica de un video.

Antes de convertir un vídeo, es útil conocer su resolución, velocidad de fotogramas, códecs y la posible presencia de una pista de audio.

ffmpeg -i input.mp4

ffprobe -v error -show_format -show_streams input.mp4

Fotogramas clave

Compruebe las imágenes clave

Este comando permite inspeccionar los fotogramas clave y su posición en la línea de tiempo.

ffprobe -select_streams v -show_frames -show_entries frame=pict_type,key_frame,best_effort_timestamp_time -of csv input.mp4

Las líneas que indican fotograma clave=1 Corresponden a las imágenes clave del vídeo.

Método

Flujo de trabajo recomendado de 6 pasos

1

Elige el vídeo

Utilice un vídeo estable, con movimiento legible y un encuadre compatible con el texto.

2

Defina el ancho

Utilice 1920 píxeles para una visualización de escritorio de alta calidad o 1280 píxeles para una versión más ligera.

3

Seleccione el CRF

Comience con CRF 24 y luego ajústelo según la calidad y el peso final.

4

Ajustar los fotogramas clave

Adaptar -gramo a la velocidad de fotogramas del vídeo para obtener fotogramas clave regulares.

5

Eliminar audio

Agregar -año para obtener un vídeo más silencioso y ligero.

6

Crea el póster

Extrae una imagen limpia para su visualización antes de cargarla.

Lista de verificación

Antes de subir el vídeo a WordPress

Formato

• MP4.
• Códec de vídeo H.264.
• Formato de píxeles yuv420p.
• Metadatos colocados al principio con +inicio rápido.

Peso

• Ancho adaptado al contexto.
• El formulario CRF cumple con la calidad esperada.
• Audio eliminado.
• Si es necesario, está disponible una versión móvil más ligera.

Vídeo con desplazamiento

• Fotogramas clave muy próximos entre sí.
• Intervalo regular.
• Prueba de escritorio.
• Prueba móvil.

Integración

• Imagen de póster definida.
• Vídeo silencioso.
• Leer en línea en el móvil.
• El texto es visible encima del vídeo.

Conclusión

El vídeo de fondo adecuado es ligero, fluido y discreto.

Con FFmpeg, es posible preparar con precisión un vídeo para WordPress: resolución, compresión, fotogramas clave, audio, compatibilidad con navegadores y carga web.

El comando básico que debes recordar:

ffmpeg -i input.mp4 -vf "scale=1920:-2" -c:v libx264 -preset slow -crf 24 -g 15 -keyint_min 15 -sc_threshold 0 -pix_fmt yuv420p -an -movflags +faststart output-wordpress-scroll.mp4

Resultado: un vídeo MP4 compatible con WordPress, sin audio, optimizado para la web y más adecuado para un efecto de desplazamiento de vídeo.