Tutoriels WordPress fiables, quand vous en avez le plus besoin.
Guide du débutant pour WordPress
WPB Cup
Plus de 30 millions
Sites Web utilisant nos plugins
20+
Années d'expérience WordPress
3000+
Tutoriels WordPress par des experts

Comment ajouter des miniatures vidéo en vedette dans WordPress

Les miniatures vidéo peuvent faire ou défaire le succès d'un clic sur votre contenu. Lorsqu'elles sont bien faites, elles aident votre contenu à se démarquer et encouragent les visiteurs à rester plus longtemps sur votre site WordPress.

Le problème est que WordPress ne génère pas automatiquement de miniatures attrayantes pour les vidéos.

Au lieu de cela, il affiche soit un lecteur vidéo noir uni, soit il capture la première image de la vidéo, ce qui n'est souvent pas très accrocheur ni susceptible de générer des clics.

Après quelques tests, nous avons découvert qu'un plugin appelé Really Simple Featured Video facilite l'ajout de miniatures vidéo personnalisées dans WordPress.

Dans ce guide, nous vous montrerons exactement comment ajouter des miniatures vidéo en vedette dans WordPress pour améliorer les clics – aucun codage requis. ✅

Comment ajouter des miniatures vidéo en vedette dans WordPress

Pourquoi ajouter des miniatures vidéo en vedette dans WordPress ?

Tous les thèmes WordPress populaires vous permettent d'ajouter des images en vedette à vos articles et produits.

Ce sont les images principales, et elles apparaissent souvent en haut de la page et dans d'autres zones de votre site, comme les pages d'archives de votre site Web. Les moteurs de recherche et les sites de médias sociaux peuvent également afficher l'image en vedette d'une page.

Une bonne image en vedette peut augmenter l'engagement des utilisateurs. Cependant, une miniature vidéo en vedette peut être plus efficace pour générer des clics, des vues de page, et même des ventes.

Si vous avez créé une boutique en ligne, alors afficher une vidéo en haut de la page produit est un excellent moyen de donner envie aux acheteurs de faire défiler vers le bas pour en savoir plus sur ce produit.

Un exemple de miniature vidéo en vedette

Dans cet esprit, nous allons vous montrer comment ajouter des miniatures vidéo en vedette dans WordPress. Voici un aperçu rapide de tout ce que nous partagerons dans ce guide :

Commençons !

Le moyen le plus simple d'utiliser des vidéos comme miniatures en vedette est d'utiliser Really Simple Featured Video. Ce plugin vous permet d'intégrer des vidéos de sites d'hébergement vidéo populaires tels que YouTube ou Vimeo et de les utiliser comme miniatures vidéo en vedette.

Il fonctionne également parfaitement avec WooCommerce et affichera la vidéo en vedette en haut de la page produit.

Cependant, veuillez noter que WooCommerce n'affichera la vidéo en vedette que sur la page produit. La miniature de l'image en vedette sera toujours utilisée dans d'autres endroits, y compris votre page de boutique WooCommerce.

Pour commencer, vous devrez installer et activer le plugin Really Simple Featured Video. Si vous avez besoin d'aide, consultez notre guide sur comment installer un plugin WordPress.

Après l'activation, quelques paramètres doivent être configurés. La première chose à faire est d'aller dans Réglages » Really Simple Featured Video depuis votre tableau de bord WordPress.

Les paramètres de Really Simple Featured Video

Sur cet écran, vous pouvez sélectionner si vous souhaitez ajouter des miniatures vidéo en vedette aux articles, aux pages et aux produits WooCommerce. Par défaut, le plugin a activé le commutateur « Articles ».

Si vous souhaitez également ajouter des miniatures vidéo en vedette à vos pages WordPress et à vos produits WooCommerce, activez simplement les options « Pages » et « Produits » en passant du gris (désactivé) au vert (activé).

Dans l'image suivante, nous avons activé la fonctionnalité de vidéo en vedette pour les produits WooCommerce, ainsi que pour les articles et les pages.

Activation des miniatures vidéo en vedette pour les articles, les pages et les produits

Après cela, vous pouvez cliquer sur le bouton « Enregistrer les modifications ».

Ensuite, allons dans l'onglet « Contrôles ». Vous y trouverez une section « Vidéos auto-hébergées » où vous pourrez configurer les paramètres des vidéos de votre médiathèque WordPress.

🧑‍💻 Astuce Pro : Bien que le plugin prenne en charge les vidéos auto-hébergées, elles peuvent consommer beaucoup d'espace de stockage et de bande passante, nous ne le recommandons donc pas. Pour en savoir plus, consultez notre guide sur pourquoi vous ne devriez jamais téléverser une vidéo sur WordPress.

Modification des paramètres de la miniature vidéo en vedette

À partir de là, vous pouvez faire défiler vers le bas jusqu'à la section « Intégrer des vidéos ».

Ensuite, vous trouverez les paramètres pour toutes les vidéos que vous intégrez à partir de plateformes vidéo tierces comme YouTube vs. Vimeo.

Lorsque vous intégrez des vidéos à partir de plateformes tierces, Really Simple Featured Video affichera les contrôles de lecture de cette plateforme. Par exemple, si vous intégrez une vidéo YouTube, les visiteurs pourront accéder aux fonctionnalités de lecture spécifiques de YouTube.

Cependant, la section « Intégrer des vidéos » dispose d'un interrupteur « Lecture automatique » sur lequel vous pouvez cliquer pour l'activer également.

Le commutateur pour la lecture automatique des vidéos intégrées

Le plugin lit les vidéos avec le son activé par défaut. Pour couper le son de vos vidéos par défaut, cliquez sur le bouton « Couper le son ».

Vous pouvez également définir les miniatures vidéo en vedette pour qu'elles se lisent en boucle. Cependant, les vidéos en boucle peuvent être agaçantes pour de nombreux visiteurs, surtout si la vidéo est courte et comporte un bruit fort.

Il est conseillé d'activer l'interrupteur « Boucle » uniquement si la relecture de la vidéo encore et encore améliore l'expérience du visiteur d'une manière ou d'une autre. Par exemple, vous pourriez créer une vidéo montrant une vue à 360 degrés d'un produit, puis définir ce clip pour qu'il se répète.

Le commutateur pour la répétition en boucle des vidéos intégrées

Après avoir examiné les différents paramètres, assurez-vous de cliquer sur le bouton « Enregistrer les modifications ».

Ajout de miniatures vidéo en vedette aux articles, pages et produits WooCommerce

Une fois que vous avez configuré la manière dont le plugin affichera les vidéos intégrées, vous êtes prêt à ajouter des miniatures vidéo en vedette à votre site web WordPress.

Pour ce faire, ouvrez simplement l'article, la page ou le produit WooCommerce où vous souhaitez ajouter une miniature vidéo en vedette.

Si vous ajoutez une vidéo en vedette à une page ou un article, vous trouverez la section « Vidéo en vedette » dans le menu de droite, sous la section « Discussion ».

Ajouter une vidéo en vedette à un article WordPress

Vous souhaitez ajouter une vidéo en vedette à un produit WooCommerce à la place ?

Ensuite, vous trouverez la section « Vidéo en vedette » sous la section « Galerie de produits ».

Les paramètres de la vidéo en vedette sur l'écran du produit

Pour utiliser une vidéo d'un site d'hébergement vidéo, cliquez simplement sur « Intégrer ».

Dans le nouveau champ, vous devrez coller l'URL de la vidéo que vous souhaitez intégrer.

Ajouter une miniature de vidéo en vedette dans l'éditeur d'articles WordPress

Assurez-vous simplement d'ajouter l'URL de la vidéo dans le bon format. Dans le menu de droite, vous verrez quelques exemples pour YouTube, Vimeo et Dailymotion.

Pour YouTube, le plugin nous donne l'URL d'exemple suivante : https://www.youtube.com/embed/vbLgiRQ0Moo

Cela signifie que vous devrez utiliser https://www.youtube.com/embed/ comme première partie de votre URL, puis ajouter l'ID de la vidéo que vous souhaitez intégrer.

Pour trouver l'ID de la vidéo, ouvrez simplement un nouvel onglet dans votre navigateur, puis accédez à la vidéo YouTube que vous souhaitez intégrer.

Maintenant, vous devez regarder la barre d'adresse du navigateur. L'ID de la vidéo est la valeur qui suit v=. Dans l'image suivante, nous pouvons voir que l'ID de la vidéo est DvbFBxKcORA.

La chaîne YouTube de WPBeginner

Après avoir ajouté l'ID de la vidéo à la première partie de l'URL, nous obtenons ce qui suit : https://www.youtube.com/embed/DvbFBxKcORA

Vous pouvez maintenant revenir à l'onglet avec l'éditeur de blocs WordPress et coller simplement l'URL dans le champ « Intégrer ». Cela ajoutera une miniature vidéo en vedette à l'article, puis vous serez prêt à cliquer sur le bouton « Mettre à jour » ou « Publier ».

Vous pouvez maintenant ajouter des miniatures vidéo en vedette à d'autres articles, pages et produits WooCommerce en suivant le même processus décrit ci-dessus.

Sur la page d'archive de votre blog ou une page similaire, vous verrez que WordPress utilise maintenant les vidéos comme miniature en vedette pour vos articles et pages.

Si vous ouvrez une page, un article ou un produit WooCommerce, la vidéo en vedette apparaîtra également en haut de la page, tout comme le ferait une image en vedette.

Un exemple de vidéo en vedette WooCommerce

Et c'est tout !

Vous avez ajouté avec succès des miniatures vidéo en vedette dans WordPress.

Questions fréquemment posées

Voici quelques questions et réponses courantes sur l'ajout de miniatures vidéo en vedette dans WordPress :

Puis-je utiliser le plugin Really Simple Featured Video avec n'importe quel thème WordPress ?

Le plugin est compatible avec la plupart des thèmes WordPress, en particulier ceux qui prennent en charge les images en vedette. Assurez-vous simplement que votre thème est à jour pour une meilleure expérience.

Le plugin prend-il en charge les vidéos auto-hébergées ?

Oui, mais nous vous recommandons de ne pas héberger les vidéos directement sur WordPress en raison de problèmes potentiels de stockage et de bande passante. Envisagez d'utiliser des plateformes comme YouTube ou Vimeo.

La miniature vidéo en vedette remplacera-t-elle entièrement l'image en vedette ?

La miniature vidéo apparaîtra là où l'image en vedette le ferait. Mais vous pouvez toujours définir une image en vedette distincte pour les cas où la vidéo n'est pas idéale, comme dans les archives ou les miniatures.

Comment puis-je m'assurer que mes miniatures vidéo sont adaptées aux mobiles ?

Le plugin ajuste automatiquement l'affichage des vidéos pour les thèmes réactifs. Vérifiez que votre thème prend en charge la conception réactive et testez sur différents appareils pour garantir une expérience utilisateur fluide.

Puis-je lire automatiquement ou faire boucler mes vidéos en vedette ?

Oui, vous pouvez activer la lecture automatique et la boucle pour vos vidéos dans les paramètres du plugin. Cependant, tenez compte de l'expérience visiteur, car la boucle peut devenir intrusive si elle n'est pas utilisée de manière appropriée.

Lecture supplémentaire 📚 : Améliorez votre site Web WordPress avec des vidéos

Nous espérons que cet article vous a aidé à apprendre comment ajouter des miniatures vidéo en vedette dans WordPress. Vous pouvez également consulter nos guides sur :

Si cet article vous a plu, alors abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par nos lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Voir comment WPBeginner est financé, pourquoi c'est important et comment vous pouvez nous soutenir. Voici notre processus éditorial.

La Boîte à outils WordPress Ultime

Obtenez un accès GRATUIT à notre boîte à outils - une collection de produits et ressources liés à WordPress que tout professionnel devrait avoir !

Interactions des lecteurs

21 commentairesLaisser une réponse

  1. Il n'affiche que l'image de présentation, je ne peux pas cliquer dessus pour afficher la vidéo, bien que j'aie modifié le paramètre. La vidéo ne s'affiche pas.

  2. Cela ne fonctionne pas si vous avez un compte wordpress.com et que ce n'est pas un compte professionnel. Seuls les comptes professionnels vous permettent d'installer des plugins. Y a-t-il un code que nous pouvons utiliser ? Dans votre article sur le bouton PayPal, vous aviez une solution de contournement pour les utilisateurs de wordpress.com.

  3. Bonjour, je veux lire automatiquement les vidéos associées, lorsque nous passons le curseur, la vidéo se lit, mais nous rencontrons un problème, alors s'il vous plaît aidez-moi.

  4. Bonjour, j'aimerais télécharger une vidéo d'un site autre que Youtube et Vimeo avec la fonctionnalité d'image miniature et de lecture en pop-up, est-ce possible ?

  5. Puis-je afficher plusieurs vidéos avec un bouton avant et arrière pour faire défiler les vidéos ?
    Je voudrais afficher plusieurs vidéos comme vidéos en vedette.

    Merci

  6. Salut Syed, laissez-moi vous présenter mon PROBLÈME... je veux cliquer sur un lien et qu'il m'affiche une image mais sur la même page, d'autre part, j'aime la même fonction que Gmail... quand vous cliquez sur une pièce jointe, cela affiche la même page l'image ou le PDF. Est-ce possible avec Elementor ou un plugin particulier... merci pour tout support à ce sujet.

  7. Je ne sais pas si cela vous intéresse ou non, mais je quitte toujours votre site lorsque je ne peux pas regarder la vidéo… Chaque fois que j'essaie d'agrandir la vidéo pour qu'elle s'affiche en plein écran, elle est désactivée ou ne fonctionne pas sur ce blog. C'est étrange.

  8. Bonjour, les vidéos mises en avant sur ma page d'accueil ont de grands triangles noirs (je pense qu'il s'agit d'un bouton de lecture superposé) qui empêchent les gens de voir la vidéo. Comment puis-je m'en débarrasser ? Toute aide serait grandement appréciée.

    • Salut Michael,

      S'il s'agit d'une vidéo YouTube, vous pouvez passer au thème clair. Malheureusement, il n'y a pas d'option dans les paramètres du plugin pour télécharger votre propre bouton de lecture.

      Admin

  9. Bonjour, l'image mise en avant de la vidéo a un grand triangle noir qui bloque la vue de la vidéo, comment puis-je m'en débarrasser ?

  10. Je constate que Featured Video Plus ne semble pas bien fonctionner avec les thèmes enfants Genesis. Est-ce votre expérience ? Je devrai peut-être créer un Gist pour montrer aux gens comment contourner cela.

  11. J'ai téléchargé le plugin sur mon site WordPress et il a la capacité d'image mise en avant, mais je ne le trouve pas fonctionnel. Je ne suis pas sûr des informations dont on pourrait avoir besoin pour m'aider.

Laisser un commentaire

Merci d'avoir choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.