Après la création de mon premier plugin WordPress, Etchenet Reviews for Google Business, j’ai travaillé sur un second projet : Scroll Video Background.
Ce nouveau plugin est actuellement en cours de validation sur WordPress.org. Il a été conçu pour permettre l’intégration de fonds vidéo contrôlés par le scroll dans Gutenberg, avec une approche propre, légère et compatible avec les exigences du dépôt officiel WordPress.
Un effet visuel pensé pour des sites premium
Scroll Video Background permet d’utiliser une vidéo comme arrière-plan animé, dont l’avancement dépend du défilement de la page. Au lieu d’une simple vidéo en lecture automatique, le visiteur contrôle visuellement la progression de la vidéo en scrollant.
Ce type d’effet est particulièrement adapté aux sites premium, aux pages d’accueil immersives, aux landing pages haut de gamme, aux portfolios, aux présentations de services ou aux pages de storytelling visuel.
Un plugin pensé pour Gutenberg
L’objectif est de proposer une solution directement utilisable dans l’éditeur de blocs WordPress. Le plugin permet d’ajouter une section avec fond vidéo scrollé, de sélectionner une vidéo depuis la médiathèque WordPress, puis de construire du contenu Gutenberg par-dessus cette section.
Le plugin prévoit également un mode de fond vidéo global pour une page complète, afin de créer une expérience visuelle continue sur toute la page.
Pourquoi une version JavaScript native
Pour cette première version, j’ai choisi une approche en JavaScript natif, sans dépendance externe lourde comme GSAP.
Ce choix est important pour la compatibilité avec WordPress.org. Les plugins soumis au dépôt officiel doivent respecter des règles strictes, notamment concernant les bibliothèques externes, les dépendances, la sécurité, la performance et la maintenabilité du code.
L’objectif est donc de proposer une base propre, légère, vérifiable et compatible avec les standards WordPress, tout en gardant un rendu visuel avancé.
L’importance de la préparation vidéo
Pour obtenir un effet fluide, la vidéo doit être correctement préparée. Un fond vidéo contrôlé par le scroll fonctionne mieux avec une vidéo optimisée, légère, bien compressée et avec des keyframes rapprochées.
La documentation du plugin explique le type de vidéo recommandé, les formats à privilégier, les bonnes pratiques de compression et les commandes FFmpeg utiles pour préparer correctement les fichiers vidéo.
Un outil pour créer des pages plus immersives
Avec ce plugin, l’idée est de rendre accessible un effet visuel souvent réservé aux développements sur mesure ou aux sites très haut de gamme.
Il peut être utilisé pour créer :
- une page d’accueil immersive ;
- une landing page premium ;
- une présentation de service plus dynamique ;
- un portfolio visuel ;
- une page produit ;
- une section de storytelling ;
- un arrière-plan animé contrôlé par le scroll.
Un projet open source
Comme pour mon premier plugin, ce projet s’inscrit dans une logique open source. Le plugin est destiné à être publié gratuitement sur WordPress.org, avec une possibilité de soutien par don pour accompagner son développement, sa maintenance et ses futures améliorations.
Découvrir le plugin
La page de présentation du plugin est disponible ici :
