Comment ajouter à l’aide de plugins


Lorsqu’un visiteur arrive sur votre site Web, vous n’avez que quelques secondes pour capter son attention. Comprendre comment ajouter un arrière-plan vidéo WordPress est un excellent moyen de faire une bonne première impression.

fond vidéo plein écran wordpress

C’est un moyen percutant d’engager vos visiteurs et d’amplifier le message de votre marque.

Développez votre entreprise avec les outils de HubSpot pour les sites Web WordPress

Dans cet article, nous allons vous montrer comment ajouter un arrière-plan vidéo plein écran dans WordPress. De plus, nous vous proposerons quelques conseils pour vous aider à créer un arrière-plan vidéo.

Où trouver votre arrière-plan vidéo ?

Votre arrière-plan vidéo recevra un volume de trafic élevé puisqu’il se trouve sur votre page d’accueil. En conséquence, vous voudrez qu’il se démarque et excite vos visiteurs. Si vous avez de la place dans votre budget, contactez un vidéaste local pour tourner une vidéo pour votre entreprise. Assurez-vous de donner au pigiste des directives claires pour vous assurer qu’il respecte les normes de votre marque.

Pas de temps ni d’argent pour tourner une vidéo ? Aucun problème. Vous pouvez trouver des séquences vidéo de haute qualité et libres de droits sur des sites Web tels que Vidéovo et Blocs vidéo. Avec plusieurs catégories de l’industrie, vous pouvez rechercher la bonne vidéo qui correspond à vos visiteurs.

Utilisez les liens de saut suivants pour naviguer vers n’importe quel plugin en particulier, ou continuez simplement à faire défiler.

5 plugins pour ajouter un arrière-plan vidéo en plein écran dans WordPress

Le codage personnalisé est toujours une option pour ajouter votre arrière-plan vidéo. Mais si vous manquez de temps ou n’avez pas les compétences techniques, une autre option consiste à utiliser des plugins. Voici cinq plugins que vous pouvez utiliser pour simplifier le processus.

1. mb.YTPlayer pour les vidéos d’arrière-plan

En quelques étapes simples, ce plugin vous permet d’ajouter une vidéo YouTube comme arrière-plan de votre site Web. Vous pouvez l’activer pour n’importe quelle page de votre site, y compris les publications.

La version Plus du plugin offre plus de fonctionnalités, notamment la possibilité de définir le point de départ de la vidéo, de contrôler le volume audio de départ et de suivre les vues de la vidéo sur Google Analytics. Suivez les instructions de configuration ci-dessous.

  • Installer et activer mb.YTPlayer pour les vidéos d’arrière-plan.
  • Dans votre tableau de bord WordPress, accédez à mb.ideas > lecteur YouTube.
  • Activez la vidéo d’arrière-plan en activant l’interrupteur. (Il deviendra vert.)

Paramètres du plug-in mb.ytplayer sur la façon d'ajouter un arrière-plan vidéo en plein écran dans WordPress

  • Ajoutez l’URL YouTube de votre vidéo et configurez les paramètres souhaités.
  • L’arrière-plan de votre vidéo ressemblera à ceci :

Exemple mb.ytplayer sur la façon d'ajouter un arrière-plan vidéo en plein écran dans WordPress

Ce que nous aimons : WPmBYT Player se distingue par ses options de lecteur complètes, notamment la personnalisation des dimensions, des couleurs, de la fonction de lecture automatique et de l’affichage de la liste de lecture du lecteur vidéo.

2. Arrière-plan vidéo

Video Background est un plugin simple pour ajouter un arrière-plan vidéo n’importe où sur votre site WordPress. Les fonctionnalités supplémentaires incluent l’ajout d’une superposition de couleurs, l’activation de la boucle et la fourniture d’un bouton de désactivation du son pour les visiteurs. En seulement cinq minutes, vous pouvez créer un arrière-plan époustouflant.

plugin d'arrière-plan vidéo pour savoir comment ajouter un arrière-plan vidéo en plein écran dans WordPress

Ce que nous aimons : L’arrière-plan vidéo permet aux utilisateurs d’ajouter facilement des arrière-plans vidéo à n’importe quel élément HTML, offrant une expérience transparente et immersive aux visiteurs tout en garantissant des temps de chargement rapides.

3. Élémentaire

Elementor est un constructeur de pages par glisser-déposer pour créer de beaux sites Web. Aucune compétence en codage n’est requise, vous pouvez sélectionner un thème avec une option d’arrière-plan vidéo. L’interface est amusante et facile à utiliser et réduit le temps nécessaire pour personnaliser votre site. Regardez ce tutoriel pour savoir comment ajouter un arrière-plan vidéo avec Elementor.

Plugin Elementor pour savoir comment ajouter un arrière-plan vidéo en plein écran dans WordPress

Ce que nous aimons : Elementor est un constructeur de pages à part entière qui vous offrira des options de personnalisation au-delà des arrière-plans vidéo.

4. Image et vidéo Arrière-plan plein écran

Ce plugin premium peut ajouter des images ou des arrière-plans vidéo à votre site Web WordPress. Image & Video FullScreen Background est un outil hautement personnalisable qui s’adapte à la résolution du navigateur et de l’appareil de vos visiteurs. Vous pouvez modifier les paramètres vidéo pour les adapter à la couleur et aux dimensions de votre site. Vous garderez certainement les visiteurs engagés avec ce plugin. Consulter un aperçu en direct ici.

plug-in d'arrière-plan vidéo en plein écran pour savoir comment ajouter un arrière-plan vidéo en plein écran dans WordPress

Ce que nous aimons : Les utilisateurs peuvent choisir parmi une variété d’options de personnalisation, telles que différents styles pour le lecteur vidéo, faciliter les transitions et même la possibilité d’afficher des images et des vidéos de manière aléatoire.

5. Arrière-plans WordPress avancés

Non seulement Advanced WordPress Backgrounds offre une variété d’options pour différents types d’arrière-plan, y compris des images et des vidéos, mais il fournit également des options de personnalisation avancées, telles que des arrière-plans uniques pour différentes parties d’une page, contrôlés par des sélecteurs CSS faciles à utiliser.

La fonction de prévisualisation intégrée aux arrière-plans avancés permet aux utilisateurs de prévisualiser facilement leurs modifications en temps réel, en s’assurant que chaque modification de l’arrière-plan de leur site Web est parfaite avant de la mettre en ligne.

page d'accueil des plugins wordpress avancés

Ce que nous aimons : Avec ce plugin, vous pouvez facilement ajouter des effets de défilement de parallaxe d’image, des arrière-plans vidéo et des arrière-plans de survol à votre site Web. Il existe également l’option de lignes pleine largeur, pleine hauteur ou plein écran.

Ajouter un arrière-plan vidéo plein écran dans WordPress

Les arrière-plans vidéo peuvent offrir une expérience utilisateur positive. Voici quelques conseils à prendre en compte lors de la création d’un arrière-plan vidéo :

  • Téléchargez une vidéo de qualité avec une haute résolution.
  • Compressez votre vidéo pour augmenter la vitesse de chargement de la page.
  • Gardez la durée de la vidéo inférieure à une minute.
  • Définissez une image d’arrière-plan de secours pour les navigateurs qui n’affichent pas les vidéos.
  • Évitez de lire automatiquement la vidéo avec le son. Au lieu de cela, donnez aux visiteurs la possibilité d’activer le son de la vidéo.

Un arrière-plan vidéo est un outil efficace pour attirer immédiatement l’attention de vos visiteurs. Cela peut également aider votre entreprise à transmettre le message de sa marque. Si le codage personnalisé ne vous convient pas, utilisez des plugins pour ajouter un arrière-plan vidéo plein écran à votre site.

Utilisez les outils HubSpot sur votre site Web WordPress et connectez les deux plates-formes sans avoir à vous soucier du code.  Cliquez ici pour en savoir plus.



Vous pouvez lire l’article original (en Anglais) sur https://blog.hubspot.com/website/how-to-add-fullscreen-video-background-in-wordpress

Leave a Reply

Your email address will not be published. Required fields are marked *