Comment ajouter une vidéo YouTube en arrière-plan plein écran dans WordPress

Cherchez-vous un moyen d'ajouter des vidéos YouTube en arrière-plan plein écran dans WordPress ?

Lorsqu'elles sont utilisées avec précaution, les vidéos d'arrière-plan peuvent instantanément attirer l'attention d'un visiteur et le garder sur votre site Web. Cela en fait un excellent choix pour les pages de destination et les pages de vente.

Dans cet article, nous allons vous montrer comment ajouter une vidéo YouTube en arrière-plan plein écran sur votre site WordPress.

Pourquoi utiliser une vidéo YouTube comme arrière-plan plein écran ?

Lorsque les visiteurs arrivent pour la première fois sur votre site Web WordPress, vous ne disposez que de quelques secondes pour attirer leur attention et les inciter à rester.

Un arrière-plan vidéo engageant et accrocheur est un excellent moyen de garder les visiteurs sur votre site. De plus, il existe de nombreux thèmes WordPress différents qui prennent en charge les arrière-plans vidéo.

Cependant, le téléchargement et l'hébergement d'une vidéo sur WordPress peuvent prendre beaucoup de bande passante. Selon votre plan d'hébergement WordPress, vous devrez peut-être même acheter de l'espace de stockage supplémentaire.

Une solution consiste à ajouter une vidéo YouTube en arrière-plan plein écran. De cette façon, vous pouvez vous démarquer de vos concurrents sans ralentir votre site Web ni utiliser de stockage supplémentaire.

Cela dit, voyons comment vous pouvez ajouter une vidéo YouTube en arrière-plan plein écran sur votre site Web WordPress.

Comment ajouter une vidéo YouTube en arrière-plan plein écran dans WordPress

Le moyen le plus simple d'ajouter une vidéo YouTube en tant qu'arrière-plan plein écran consiste à utiliser Advanced WordPress Backgrounds. Ce plugin ajoute un nouveau bloc d'arrière-plan qui vous permet de créer un arrière-plan plein écran en utilisant n'importe quelle couleur, image ou vidéo, y compris les vidéos YouTube.

Tout d'abord, vous devrez installer et activer le plugin. Si vous avez besoin d'aide, veuillez consulter notre guide sur la façon d'installer un plugin WordPress.

Lors de l'activation, dirigez-vous simplement vers la page ou postez où vous souhaitez ajouter une vidéo YouTube en tant qu'arrière-plan plein écran. Vous pouvez ensuite continuer et cliquer sur le bouton '+'.

Dans la fenêtre contextuelle qui apparaît, commencez à taper « Background AWB ». Lorsque le bloc de droite apparaît, cliquez dessus pour l'ajouter à la page.

Dans le menu de gauche, vous verrez trois onglets pour les différents types d'arrière-plans plein écran que vous pouvez créer : Couleur, Image et Vidéo.

Puisque vous souhaitez ajouter une vidéo YouTube, cliquez sur l'onglet "Vidéo".

Ce plugin vous permet d'utiliser une vidéo auto-hébergée comme arrière-plan. Cependant, les vidéos occupent beaucoup de stockage et de bande passante, vous ne devriez donc jamais télécharger une vidéo sur WordPress.

Cela étant dit, sélectionnez l'onglet "YouTube / Vidéo".

Maintenant, vous aurez besoin de l'URL de la vidéo YouTube que vous souhaitez utiliser sur votre blog WordPress.

Dans un nouvel onglet, rendez-vous simplement sur la vidéo et copiez le lien dans la barre d'adresse.

Cela fait, revenez à votre tableau de bord WordPress et collez l'URL dans l'onglet "URL de la vidéo".

Maintenant, l'éditeur de blocs WordPress affichera un aperçu de l'apparence de cet arrière-plan. Advanced WordPress Backgrounds modifie la taille de la vidéo en fonction du contenu que vous y ajoutez, alors ne vous inquiétez pas si la vidéo semble actuellement un peu petite.

Avant de commencer à ajouter du contenu, il est conseillé de configurer les paramètres de l'arrière-plan.

Par défaut, l'arrière-plan vidéo est désactivé sur les appareils mobiles. Les smartphones et les tablettes ont généralement des écrans plus petits et moins de puissance de traitement que les ordinateurs de bureau. Dans cet esprit, c'est une bonne idée de laisser l'arrière-plan vidéo désactivé sur mobile.

Toutefois, si vous souhaitez afficher l'arrière-plan vidéo sur les appareils mobiles, cliquez sur pour activer la bascule "Activer sur les appareils mobiles".

Prêt à l'emploi, le bloc lira l'intégralité de la vidéo YouTube en boucle.

Une autre option consiste à lire une partie spécifique de la vidéo en saisissant les heures exactes dans les cases "Heure de début" et "Heure de fin".

Vous pouvez également empêcher la lecture de la vidéo en boucle en désactivant la bascule "Boucle".

Par défaut, la vidéo ne sera lue que lorsque le visiteur pourra la voir dans son navigateur. Cela permet d'augmenter la vitesse et les performances de votre WordPress, vous voudrez donc généralement laisser la bascule "Toujours jouer" désactivée.

Lorsque vous ajoutez la vidéo pour la première fois, elle s'affiche à 100 % d'opacité, elle a donc l'air solide.

En fonction de la conception de votre site, vous pouvez expérimenter un arrière-plan vidéo semi-transparent en faisant glisser le curseur "Opacité de l'image". Cela peut être un moyen de créer un arrière-plan vidéo YouTube plus subtil.

Si vous expérimentez avec l'opacité, vous pouvez également essayer d'ajouter une superposition colorée.

Cliquez simplement pour développer la section "Couleur de superposition", puis utilisez les paramètres pour créer différentes superpositions colorées.

Le plugin Advanced WordPress Backgrounds prend en charge quelques effets de parallaxe différents. Il s'agit d'une technique de conception Web moderne où l'élément d'arrière-plan défile plus lentement que le contenu de premier plan, ce qui ajoute souvent de la profondeur à la conception de la page.

Pour essayer les différents effets de parallaxe, cliquez pour développer la section "Parallaxe", puis choisissez une option dans le menu déroulant.

Après avoir choisi un style de parallaxe, vous aurez accès à des paramètres supplémentaires où vous pourrez modifier la vitesse. Vous pouvez également activer et désactiver l'effet de parallaxe sur les appareils mobiles.

De même, vous pouvez expérimenter différents effets de parallaxe de la souris, qui font défiler l'arrière-plan plus lentement lorsque le visiteur déplace la souris.

Pour jeter un œil à ces paramètres, cliquez pour développer la section "Mouse Parallax".

Lorsque vous êtes satisfait de la configuration de l'arrière-plan de la vidéo YouTube, il est temps de commencer à ajouter du contenu comme du texte, des liens et des images.

Pour commencer, cliquez sur l'icône '+' au milieu du bloc Background (AWB).

Cela ouvre une fenêtre contextuelle dans laquelle vous pouvez choisir le bloc que vous souhaitez ajouter. Le plugin Advanced WordPress Backgrounds fonctionne avec tous les blocs WordPress standard, vous pouvez donc ajouter le contenu de votre choix.

Après avoir configuré le premier bloc, cliquez simplement à nouveau sur le bouton "+", puis ajoutez le bloc suivant que vous souhaitez utiliser.

Continuez simplement à répéter ce processus pour créer la publication ou la mise en page.

Lorsque vous êtes satisfait de son apparence, cliquez sur le bouton "Mettre à jour" ou "Publier" pour mettre la page en ligne. Maintenant, si vous visitez votre site Web WordPress, vous verrez l'arrière-plan vidéo en action.

Bonus : Comment ajouter un flux vidéo YouTube dans WordPress

Un arrière-plan vidéo peut attirer l'attention des visiteurs tout en faisant la promotion de votre chaîne YouTube. Cependant, si vous voulez vraiment attirer plus de visiteurs et d'abonnés sur YouTube, vous pouvez ajouter plus de vidéos à votre site Web.

C'est là qu'intervient Smash Balloon.

Smash Balloon YouTube Feed Pro est le meilleur plugin de galerie YouTube sur le marché. Il affiche automatiquement toutes les dernières vidéos de votre chaîne YouTube, afin que les visiteurs voient toujours le contenu le plus récent.

Créez simplement un flux YouTube à l'aide de l'éditeur facile de Smash Balloon, puis ajoutez-le à n'importe quelle page ou publication à l'aide d'un shortcode ou du bloc prêt à l'emploi du plugin.

Vous pouvez également utiliser Smash Balloon pour intégrer des listes de lecture YouTube, des favoris et des flux en direct sur votre site Web WordPress.

La meilleure chose à propos de Smash Balloon est qu'il ne ralentit pas votre site. La fonction de mise en cache YouTube intégrée du plugin garantira que votre site se charge toujours rapidement, ce qui est idéal pour le référencement.

Nous espérons que cet article vous a aidé à apprendre comment ajouter une vidéo YouTube en arrière-plan dans WordPress. Vous pouvez également consulter notre guide sur la création d'une page de destination avec WordPress et nos choix d'experts pour les meilleurs plugins de galerie vidéo YouTube.

Si vous avez aimé cet article, veuillez vous abonner à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.