3 façons simples d'ajouter un arrière-plan vidéo WordPress à votre site Web

L'utilisation d'arrière-plans vidéo sur votre site WordPress est un excellent moyen de le démarquer de vos concurrents et d'attirer plus d'audience. En effet, les arrière-plans vidéo vous permettent de mieux transmettre vos messages à votre public et de le divertir.

Si vous trouvez un moyen d'ajouter un arrière-plan vidéo WordPress à votre site, les conseils et guides suivants vous seront très utiles.

Pourquoi devriez-vous ajouter un arrière- plan vidéo WordPress à votre site ?

Vous trouverez ci-dessous plusieurs avantages de l'ajout d'arrière-plans vidéo WordPress à votre site.

• Ajoutez des styles sympas et uniques à votre site WordPress.
• Les arrière-plans vidéo sont attrayants. Lorsque les utilisateurs visitent votre site Web, ils s'arrêteront pour regarder votre vidéo au lieu de la faire défiler.
• Vous aider à mettre en évidence certains aspects importants de votre entreprise.
• Faites ressortir facilement la vision principale de votre site Web.
• Rendez votre site plus partageable, ce qui générera plus de trafic vers le site Web.

Quelques conseils utiles sur la façon d' ajouter des arrière-plans vidéo WordPress à votre site

Avant de continuer, voici quelques conseils utiles que vous devez garder à l'esprit lorsque vous ajoutez un arrière-plan vidéo WordPress à votre site.

• Assurez-vous que la vidéo que vous téléchargez a une haute résolution.
• Assurez-vous que la vidéo n'affectera pas trop la vitesse de chargement de la page. Compressez-le si nécessaire.
• Les arrière-plans vidéo doivent être entièrement réactifs. Ainsi, il aura fière allure sur tous les écrans et appareils.
• Désactivez la lecture automatique avec le son. Si vous le souhaitez, assurez-vous que vos visiteurs auront la possibilité de désactiver le son.
• Définissez une image d'arrière-plan de secours pour les visiteurs dont les navigateurs Web ne prennent pas en charge les arrière-plans vidéo .
• Vous devez télécharger de courts arrière-plans vidéo.

Où pouvez-vous trouver un arrière- plan vidéo WordPress ?

L'arrière-plan de votre vidéo peut générer beaucoup de trafic, surtout s'il se trouve sur votre page d'accueil. Par conséquent, vous voudrez qu'il se démarque et attire le plus possible vos visiteurs.

Si votre budget n'est pas serré, contactez un vidéaste local pour qu'il tourne une vidéo pour vous. Assurez-vous d'exprimer clairement votre idée pour vous assurer que les vidéos répondent aux besoins de votre image de marque.

Pas de temps ni d'argent pour tourner des vidéos ? Aucun problème. Vous pouvez trouver des séquences vidéo de haute qualité libres de droits sur des sites comme Storyblocks et Pixabay.

3 façons d'ajouter un arrière-plan vidéo WordPress à votre site Web

Utilisez un thème WordPress qui prend en charge les arrière-plans vidéo

Le moyen le plus rapide et le plus simple d'ajouter une vidéo d'arrière-plan WordPress à votre site consiste à utiliser un thème qui la prend en charge. Les arrière-plans vidéo WordPress sont déjà une fonctionnalité par défaut de nombreux thèmes.

Vous pouvez utiliser le thème Woostify ou trouver un thème sur le marché. Il existe de nombreux endroits sur le Web où vous pouvez trouver un thème WordPress payant ou gratuit prenant en charge les arrière-plans vidéo, tels que les thèmes WordPress, ThemeForest, etc.

Après avoir installé le thème, rendez-vous sur sa page de documentation ou contactez le support pour savoir comment ajouter une vidéo d'arrière-plan WordPress.

Utiliser un constructeur de page

Gutenberg

L'éditeur et le constructeur de pages par défaut de WordPress, Gutenberg, vous permettent déjà d'ajouter facilement des arrière-plans vidéo.

1. Cliquez sur le signe ' + ' pour ajouter un nouveau bloc. Rechercher ' couverture '. Cliquez ensuite sur le bloc Couverture pour l'ajouter.

2. Téléchargez une vidéo ou ajoutez-la à partir de la médiathèque si vous l'avez déjà téléchargée.

3. Cliquez sur le texte ' Ecrire le titre …' pour ajouter un titre.

4. Personnalisez l'arrière-plan de la vidéo Gutenberg à l'aide de la barre d'outils et de la barre latérale. Vous pouvez ajouter une classe CSS pour la personnaliser davantage.

Voici ce que signifient les options de la barre latérale :

• Superposition : définissez la couleur qui apparaît sur la vidéo.
• Opacité du fond : ajuste la transparence. Plus la valeur est faible, plus elle sera transparente.

Comme vous pouvez le voir, l'option par défaut est assez limitée. Mais c'est aussi le moyen le plus simple puisqu'il est intégré à WordPress dès le départ. Vous n'avez donc rien à installer.

Générateur de pages Elementor

Elementor, qui est considéré comme le constructeur de pages le plus populaire pour WordPress, vous permet d'ajouter des vidéos YouTube et des fichiers .mp4 à l'arrière-plan de votre site Web.

Certains des thèmes ont un support natif pour Elementor, comme Woostify. C'est donc la meilleure option si votre thème est également le cas.

Il existe également des options avancées pour ajouter un effet, définir une image de secours, choisir une heure de début et de fin, etc.

Après avoir téléchargé et activé le plugin Elementor Website Builder, suivez le guide ci-dessous pour ajouter des arrière-plans vidéo Elementor à votre site.

1. Ouvrez une publication / page nouvelle ou existante avec Elementor.
2. Ajoutez une section depuis l'éditeur en cliquant sur le bouton '+'.

3. Sélectionnez la largeur de section souhaitée. Dans ce cas, je sélectionnerai la section pleine largeur.

4. Un panneau de gauche apparaîtra. Vous pouvez choisir l'apparence de la section dans l'onglet Mise en page. Sélectionnez la largeur du contenu marquée '1' sur la photo ci-dessous. Je vais le sélectionner comme encadré. Vous pouvez également choisir l'option pleine largeur.

5. Cliquez sur l'onglet Style marqué '2' dans l'image ci-dessus pour ajouter une vidéo. Dans la section arrière-plan, vous pouvez choisir parmi trois styles d'arrière-plan : solide, dégradé et arrière-plan vidéo. Cliquez sur l'option d'arrière-plan vidéo comme marqué '1' sur la photo ci-dessous.

6. Vous pouvez également utiliser l'effet de survol et l'effet de particules en cliquant sur les boutons marqués respectivement '2' et '3' sur la photo ci-dessus.
7. Vous pouvez fournir un lien YouTube comme vidéo de fond. Ou vous pouvez télécharger n'importe quelle vidéo .mp4 en utilisant la médiathèque. Tapez ensuite le permalien de celui-ci.

8. Vous pouvez spécifier l'heure de début et de fin et fournir une image de secours comme indiqué respectivement par « 2 » et « 3 » sur la photo ci-dessus.
9. Vous avez peut-être un problème de taille. Si tel est le cas, ajustez la hauteur minimale à partir de l'onglet Disposition.

C'est ça! Bien que cette méthode soit beaucoup plus compliquée, vous disposez de beaucoup plus de contrôle et de fonctionnalités avancées pour ajuster les vidéos d'arrière-plan Elementor en fonction de vos besoins.

Utiliser un plugin d'arrière-plan vidéo WordPress

Si vous souhaitez obtenir d'autres options de personnalisation sur l'arrière-plan vidéo, vous devez utiliser des plug-ins tiers prenant en charge cette fonctionnalité.

De nos jours, vous pouvez choisir parmi de nombreux plugins WordPress gratuits et payants qui vous permettent d'utiliser des vidéos YouTube, Vimeo et MP4 en arrière-plan. Dans cet article, nous n'énumérerons que quelques-uns notables.

Curseur intelligent 3

Si vous recherchez le meilleur plugin d'arrière-plan vidéo WordPress gratuit, Smart Slider 3 sera le meilleur choix.

Avec lui, vous pouvez créer des blocs vidéo. Intégrez-les ensuite dans votre site sous forme de sections distinctes ou d'images de héros avec des effets de défilement de parallaxe.

Le plugin prend en charge les vidéos de YouTube et Vimeo. Il vous permet également de télécharger des fichiers .mp4 et de les utiliser.

Smart Slider 3 vous permet également d'ajouter autant de couches que vous le souhaitez aux blocs vidéo, y compris du texte, des boutons, des logos, des vignettes, etc. Vous pouvez également régler l'opacité, couper le son, boucler la vidéo, etc.

Pour ajouter des arrière-plans vidéo WordPress à une publication/page, vous pouvez insérer des codes abrégés ou de courts scripts PHP directement dans le fichier de modèle de votre site WordPress.

Lecteur vidéo et arrière-plan vidéo plein écran

C'est l'outil ultime pour créer des arrière-plans vidéo pleine largeur attrayants. Il vous permet d'ajouter des vidéos auto-hébergées, YouTube ou Vimeo à n'importe quelle page de votre site WordPress.

Vous pouvez également utiliser le plugin comme lecteur vidéo pour adapter votre contenu à tous les types d'appareils.

Image et vidéo FullScreen Background WordPress Plugin

Ce plugin vous permet d'afficher des arrière-plans vidéo, des curseurs d'arrière-plan d'image, des galeries multimédia et des galeries vidéo dans l'arrière-plan pleine largeur de votre site WordPress.

Il est compatible avec les appareils mobiles et comprend de nombreuses fonctionnalités notables, notamment le texte dynamique, les minuteries circulaires, les transactions personnalisables, etc.

Derniers mots

Lorsqu'un visiteur arrive sur votre site, vous ne disposez que de quelques secondes pour capter son attention et le faire rester plus longtemps. Arrière-plans vidéo WordPress sont l'un des moyens les plus efficaces de le faire et d'amplifier vos idées de marque. En utilisant les conseils et guides que nous avons fournis dans cet article, nous espérons que vous pourrez facilement ajouter un arrière-plan vidéo WordPress à n'importe quelle page de votre site.