FRES
L

+(33) 6 89 98 75 73

L

Lun – Sam : 9:00 – 17:30

Gutenberg

Elementor

Scroll video background

Transformez une vidéo en
fond animé au scroll
pour WordPress

Un plugin WordPress pensé pour créer des sections ou des arrière-plans de page où la vidéo peut avancer avec le défilement, se lancer à l’entrée d’une section ou fonctionner comme une micro-animation premium. Compatible Gutenberg et Elementor, sans GSAP dans la version destinée au dépôt WordPress.org.

Découvrir les fonctionnalités
Voir les usages
Section suivante

Démonstrations vidéo

Deux façons de rendre une page WordPress plus immersive

Le fond vidéo global accompagne toute la page et crée une narration continue au fil du scroll. Les animations de section permettent de rythmer un storytelling par blocs.

Page Scroll Sync

Fond vidéo global

Pour une page d’accueil, une présentation premium ou un récit visuel, la vidéo peut accompagner toute la navigation et progresser avec le scroll de l’utilisateur.

Section animation

Animations de sections

Pour un storytelling plus découpé, chaque section peut déclencher sa propre vidéo : lecture à l’entrée, reverse à la sortie, pause en fin d’animation ou synchronisation au scroll.

Expérience immersive

Storytelling premium

Les vidéos MP4 peuvent être remplacées par vos propres fichiers pour créer des expériences visuelles adaptées à chaque projet.

Section suivante

Fonctionnalités prévues

Un plugin orienté production et builders

La priorité est de garder un plugin propre, compréhensible, compatible avec le dépôt officiel WordPress.org et utilisable aussi bien dans Gutenberg que dans Elementor.

Éditeur Gutenberg

Une section pleine largeur pouvant contenir des blocs internes : titres, textes, boutons, colonnes, groupes, images ou tout autre bloc compatible Gutenberg.

  • Bloc section avec InnerBlocks
  • Alignement pleine largeur
  • Hauteur et espacements configurables
  • Overlay et opacité réglables

Compatibilité Elementor

Des contrôles vidéo directement disponibles dans les sections Elementor, avec des comportements adaptés aux pages narratives.

  • Contrôles vidéo dans les sections
  • Normal autoplay / loop
  • Section scroll sync avec scroll range
  • Comportements séparés par mode

Modes de lecture

Les modes sont séparés pour éviter les réglages inutiles et garder une interface lisible selon l’usage choisi.

  • Fond vidéo global synchronisé au scroll
  • Section scroll sync contrôlée par range
  • Lecture automatique à l’entrée
  • Animation entrée / sortie avec reverse
Section suivante

Utilisation

Trois façons d’utiliser Scroll Video Background

Le plugin couvre trois usages complémentaires : les sections Gutenberg, les sections Elementor et l’arrière-plan vidéo global de page.

Mode section Gutenberg

Ajouter le bloc Scroll Video Background Section, sélectionner une vidéo depuis la médiathèque, définir hauteur, marges verticales et overlay, puis ajouter du contenu dans le bloc.

Mode fond de page complet

Ouvrir la page dans Gutenberg, utiliser le panneau latéral Scroll Video Background Page, activer le fond vidéo pour cette page et construire la page normalement.

Mode section Elementor

Choisir le comportement vidéo dans la section, utiliser un scroll range, définir les durées d’entrée et de reverse, puis combiner plusieurs sections vidéo.

Section suivante

Vidéo recommandée

Une bonne vidéo est courte, légère et bien encodée

La qualité de l’effet dépend fortement de la préparation du fichier vidéo. Les keyframes sont essentielles pour obtenir un scroll précis.

MP4

format conseillé

30 fps

fréquence standard

0,5 s

keyframe recommandée

1920 px

largeur haute qualité

Ouvrir PowerShell ou Windows Terminal

Utiliser le terminal Windows pour installer FFmpeg et exécuter les commandes d’optimisation vidéo.

Installer FFmpeg

Installer FFmpeg, puis fermer et rouvrir le terminal avant de vérifier la commande.

Préparer le dossier de travail

Placer la vidéo originale dans un dossier simple, par exemple C:Videosscroll-video.

Exporter une version optimisée

Convertir la vidéo, supprimer l’audio, réduire le poids et forcer des keyframes régulières.

Section suivante

Publication et évolutions

Une base propre pour publication, traduction et évolutions

Le plugin est conçu pour être publié sur le dépôt officiel, documenté en anglais, puis traduit via le système officiel des Polyglots WordPress.

Documentation intégrée

Une page principale dans le menu WordPress, des liens directs depuis la page des extensions et une documentation claire pour préparer les vidéos.

Conformité plugin

Plugin URI et Author URI distincts, text domain conforme, structure adaptée à une publication propre sur WordPress.org.

Évolutions possibles

Version GSAP séparée, réglages avancés de scrub, comportements différenciés et compatibilité renforcée avec les builders.

Section suivante

Scroll Video Background

Un plugin WordPress pour créer des pages plus immersives

Le plugin permet d’utiliser une vidéo comme fond animé synchronisé au scroll ou comme animation de section, avec une configuration pensée pour Gutenberg, Elementor, les thèmes Full Site Editing et une publication propre sur WordPress.org.

Discuter du plugin
Retour à Etchenet

Lun – Sam : 9:00 – 17:30 · Pays basque & toute la France