Article

Convertir une vidéo pour Scroll Video Background

Name: Etchenet
Rating: 5

Guide vidéo WordPress

mai 20, 2026

Astuce Windows

Avant de convertir une vidéo pour l’utiliser comme arrière-plan animé dans WordPress, il faut disposer de FFmpeg sur son ordinateur. FFmpeg est un outil en ligne de commande qui permet de convertir, compresser, optimiser et réencoder des fichiers vidéo dans de nombreux formats.

Dans cet article, les commandes de conversion utilisent FFmpeg depuis le terminal. Il est donc nécessaire de l’installer une seule fois avant de pouvoir les exécuter.

Installer FFmpeg

Sur Windows

La méthode la plus simple consiste à installer FFmpeg avec Winget, directement depuis PowerShell ou le Terminal Windows.

Ouvrez PowerShell, puis exécutez :

winget install Gyan.FFmpeg

Une fois l’installation terminée, fermez puis rouvrez le terminal, puis vérifiez que FFmpeg est bien disponible :

ffmpeg -version

Si une version de FFmpeg s’affiche, l’installation est correcte.

Sur macOS

Avec Homebrew, l’installation se fait avec la commande suivante :

brew install ffmpeg

Vérification :

ffmpeg -version

Sur Linux

Sur Debian ou Ubuntu :

sudo apt update
sudo apt install ffmpeg

Vérification :

ffmpeg -version

Une fois FFmpeg installé, vous pouvez utiliser les commandes de conversion présentées dans cet article pour préparer une vidéo adaptée à un background WordPress : plus légère, mieux optimisée et plus fluide au chargement.

À retenir

Convertir une vidéo pour background WordPress avec FFmpeg

Une vidéo utilisée comme arrière-plan WordPress ne doit pas seulement être esthétique. Elle doit être légère, compatible avec les navigateurs, rapide à charger et bien préparée pour les effets de scroll vidéo.

FFmpeg

MP4 / H.264

Background vidéo

Scroll vidéo

WordPress

Pourquoi convertir

Une vidéo classique n’est pas forcément adaptée au web

Une vidéo de fond WordPress est souvent affichée en pleine largeur, parfois derrière du texte, parfois en synchronisation avec le scroll. Cela impose des contraintes différentes d’une vidéo YouTube ou d’un simple fichier MP4.

Réduire le poids

Une vidéo trop lourde ralentit le chargement de la page et pénalise l’expérience mobile.

Améliorer la compatibilité

Le format MP4 encodé en H.264 reste le choix le plus fiable pour une intégration WordPress.

Supprimer l’audio

Un background vidéo n’a généralement pas besoin de son. La suppression de l’audio réduit le fichier.

Préparer le scroll vidéo

Un effet scroll-scrubbing demande des keyframes plus régulières pour que la lecture reste fluide.

Objectif : produire une vidéo web propre, silencieuse, légère, compatible et adaptée à un usage en arrière-plan WordPress.

Commande principale

La commande recommandée pour un background WordPress

Cette commande constitue une base solide pour convertir une vidéo destinée à un arrière-plan WordPress avec effet de scroll vidéo.

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

Cette commande redimensionne la vidéo, l’encode en H.264, supprime l’audio, rapproche les keyframes et prépare le fichier MP4 pour une meilleure lecture web.

Détail technique

Comprendre les paramètres FFmpeg

Paramètre

Fonction

Utilité pour WordPress

-i input.mp4

Définit la vidéo source.

C’est le fichier original à convertir.

-vf "scale=1920:-2"

Redimensionne la vidéo à 1920 px de large.

La hauteur est calculée automatiquement en conservant les proportions.

-c:v libx264

Encode la vidéo avec le codec H.264.

Format très compatible avec les navigateurs et WordPress.

-preset slow

Utilise un encodage plus lent mais plus efficace.

Permet souvent d’obtenir un meilleur rapport qualité / poids.

-crf 24

Contrôle la qualité et la compression.

Bon compromis pour une vidéo de background web.

-g 15

Définit l’intervalle entre les keyframes.

À 30 fps, cela donne une keyframe toutes les 0,5 seconde.

-keyint_min 15

Fixe l’intervalle minimum entre keyframes.

Rend l’encodage plus régulier pour le scroll vidéo.

-sc_threshold 0

Désactive les keyframes automatiques liées aux changements de scène.

Permet une répartition plus stable des keyframes.

-pix_fmt yuv420p

Force un format de pixels très compatible.

Réduit les risques de problème de lecture sur certains appareils.

-an

Supprime l’audio.

Réduit le poids et facilite l’autoplay silencieux.

-movflags +faststart

Place les métadonnées MP4 au début du fichier.

Améliore le démarrage de la vidéo sur le web.

CRF

Le réglage qualité / poids

Le paramètre CRF détermine le niveau de compression. Plus la valeur est basse, plus la qualité est élevée, mais plus le fichier final est lourd.

CRF

Résultat

Très haute qualité, fichier lourd.

20-22

Très bonne qualité pour une vidéo visible.

23-24

Bon compromis pour un background WordPress.

26-28

Fichier plus léger, qualité réduite.

30+

Compression forte, artefacts possibles.

Valeur conseillée

CRF 24 comme base de départ

Pour une vidéo de background WordPress, CRF 24 est une valeur équilibrée. Elle conserve une qualité correcte tout en évitant un fichier trop lourd.

Pour une section très visible en haut de page, CRF 22 peut être préférable. Pour une version mobile ou secondaire, CRF 26 peut suffire.

Plus le CRF est bas, plus la vidéo est qualitative. Plus le CRF est haut, plus la vidéo est légère.

Résolution

Quelle largeur choisir pour une vidéo de fond ?

La résolution doit être suffisante pour rester propre à l’écran, mais pas excessive. Une vidéo trop grande augmente inutilement le poids du fichier.

Largeur

Usage

Filtre FFmpeg

1920 px

Hero section desktop, rendu premium, pleine largeur.

scale=1920:-2

1600 px

Bon compromis desktop.

scale=1600:-2

1280 px

Version légère ou mobile.

scale=1280:-2

1080 px

Background secondaire ou vidéo discrète.

scale=1080:-2

Dans scale=1920:-2, la largeur est fixée à 1920 px et la hauteur est calculée automatiquement. Le -2 conserve les proportions et garde une valeur compatible avec l’encodage vidéo.

Keyframes

Le point essentiel pour le scroll vidéo

Dans une vidéo classique, le lecteur avance normalement du début vers la fin. Dans une vidéo contrôlée par le scroll, le navigateur doit pouvoir se déplacer rapidement dans la timeline.

Keyframes trop espacées

Le déplacement dans la vidéo peut manquer de précision. Le scroll peut sembler moins fluide ou réagir avec un léger retard.

Keyframes plus régulières

Le navigateur dispose de points de référence plus fréquents. La navigation dans la vidéo devient plus stable.

Framerate

Réglage conseillé

Résultat

24 fps

-g 12

Une keyframe toutes les 0,5 seconde.

30 fps

-g 15

Une keyframe toutes les 0,5 seconde.

60 fps

-g 30

Une keyframe toutes les 0,5 seconde.

Pour une vidéo de scroll WordPress à 30 fps, -g 15 -keyint_min 15 est une base cohérente.

Commandes utiles

Versions pratiques selon l’usage

Version desktop premium

Largeur 1920 px, qualité équilibrée, keyframes adaptées au scroll.

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

Version mobile légère

Largeur plus faible et compression légèrement plus forte.

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

Background simple sans scroll

Pour une vidéo qui tourne simplement en arrière-plan.

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

Version très légère

Pour privilégier le poids du fichier plutôt que la qualité maximale.

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

Supprimer l’audio d’une vidéo de background

Une vidéo d’arrière-plan n’a normalement pas besoin de piste audio. La suppression du son réduit le poids du fichier et évite des comportements indésirables au chargement.

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

Le paramètre -an supprime toutes les pistes audio de la vidéo exportée.

Poster image

Créer une image d’attente pour WordPress

L’image poster s’affiche avant le chargement de la vidéo ou avant l’apparition de la première image. Elle évite un vide visuel dans la page.

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

-ss 00:00:02

Sélectionne une image située à 2 secondes dans la vidéo.

-frames:v 1

Extrait une seule image depuis la vidéo.

Pour une section hero, l’image poster doit rester lisible avec le texte superposé.

HTML vidéo

Les attributs recommandés pour un background vidéo

Une vidéo de fond doit être muette, intégrée à la page et accompagnée d’une image poster.

<video autoplay muted loop playsinline preload="metadata" poster="poster.jpg">
 <source src="background.mp4" type="video/mp4">
</video>

Attribut

Rôle

autoplay

Demande le lancement automatique de la vidéo.

muted

Coupe le son, ce qui favorise l’autoplay.

loop

Relance la vidéo en boucle.

playsinline

Évite une lecture forcée en plein écran sur mobile.

preload="metadata"

Charge les métadonnées sans forcer le téléchargement complet immédiat.

poster

Affiche une image de remplacement avant la lecture.

Analyse

Lire les informations techniques d’une vidéo

Avant de convertir une vidéo, il est utile de connaître sa résolution, son framerate, ses codecs et la présence éventuelle d’une piste audio.

ffmpeg -i input.mp4

ffprobe -v error -show_format -show_streams input.mp4

Keyframes

Vérifier les images clés

Cette commande permet d’inspecter les keyframes et leur position dans la timeline.

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

Les lignes indiquant key_frame=1 correspondent aux images clés de la vidéo.

Méthode

Workflow recommandé en 6 étapes

Choisir la vidéo

Utiliser une vidéo stable, avec un mouvement lisible et un cadrage compatible avec du texte.

Définir la largeur

Utiliser 1920 px pour un rendu desktop premium ou 1280 px pour une version plus légère.

Choisir le CRF

Partir sur CRF 24, puis ajuster selon la qualité et le poids final.

Régler les keyframes

Adapter -g au framerate de la vidéo pour obtenir des keyframes régulières.

Supprimer l’audio

Ajouter -an pour obtenir une vidéo silencieuse et plus légère.

Créer le poster

Extraire une image propre pour l’affichage avant chargement.

Checklist

Avant d’envoyer la vidéo dans WordPress

Format

MP4.
Codec vidéo H.264.
Format de pixels yuv420p.
Métadonnées placées au début avec +faststart.

Poids

Largeur adaptée au contexte.
CRF cohérent avec la qualité attendue.
Audio supprimé.
Version mobile plus légère si nécessaire.

Scroll vidéo

Keyframes rapprochées.
Intervalle régulier.
Test desktop.
Test mobile.

Intégration

Image poster définie.
Vidéo muette.
Lecture inline sur mobile.
Texte lisible au-dessus de la vidéo.

Conclusion

La bonne vidéo de background est légère, fluide et discrète

Avec FFmpeg, il est possible de préparer précisément une vidéo pour WordPress : résolution, compression, keyframes, audio, compatibilité navigateur et chargement web.

La commande de base à retenir :

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

Résultat : une vidéo MP4 compatible WordPress, sans audio, optimisée pour le web et mieux adaptée à un effet de scroll vidéo.