Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment ajouter des miniatures de vidéos en vedette dans WordPress

Souhaitez-vous utiliser la vidéo pour les miniatures de vidéos en avant-première dans WordPress ?

Remplacer l’image mise en avant d’une publication ou d’un produit par une vidéo mise en avant peut rendre votre site beaucoup plus vivant et dynamique. Les internautes peuvent voir ces vidéos depuis presque n’importe où, y compris les archives de votre blog, la page d’accueil et les pages de produits WooCommerce.

Dans cet article, nous allons vous afficher comment ajouter des miniatures de vidéos en fonctionnalité dans WordPress.

How to add featured video thumbnails in WordPress

Pourquoi ajouter des miniatures de vidéos en vedette dans WordPress ?

Tous les thèmes WordPress populaires vous permettent d’ajouter des images mises en avant à vos publications et à vos produits.

Il s’agit des images principales, qui apparaissent souvent en haut de la page et dans d’autres zones de votre site, comme les pages d’archives de votre site. Les moteurs de recherche et les sites de réseaux sociaux peuvent également afficher l’image mise en avant d’une page.

Une bonne image mise en avant peut susciter beaucoup d’engagement de la part des utilisateurs/utilisatrices. Cependant, vous pourriez obtenir plus de clics, de pages vues et même de ventes en utilisant plutôt une miniature vidéo en vedette.

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

An example of a featured video thumbnail

Ceci étant dit, voyons comment vous pouvez ajouter des miniatures de vidéo en vedette dans WordPress.

Comment ajouter des miniatures de vidéos en vedette dans WordPress

La façon la plus simple d’utiliser des vidéos comme miniatures avant est d’utiliser Really Simple Featured Video. Cette extension vous permet d’embarquer des vidéos provenant de sites d’hébergeurs 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 fonctionnalité en haut de la page du produit.

Veuillez toutefois noter que WooCommerce affichera la vidéo en vedette uniquement sur la page du produit. La miniature de l’image fonctionnalité sera toujours utilisée à d’autres endroits, notamment sur la page de votre magasin WooCommerce.

Pour Premiers pas, vous devrez installer et activer l’extension. Si vous avez besoin d’aide, veuillez consulter notre guide sur l ‘installation d’une extension WordPress.

Une fois activé, il y a quelques réglages à définir. La première chose à faire est de vous rendre dans Réglages  » Really Simple Featured Video depuis votre Tableau de bord WordPress.

The Really Simple Featured Video settings

Sur cet écran, vous pouvez sélectionner s’il faut ajouter des miniatures de vidéo avant aux publications, aux pages et aux produits WooCommerce. Par défaut, l’extension a activé le commutateur  » Posts « .

Si vous souhaitez également ajouter des miniatures vidéo en fonctionnalité à vos pages WordPress et à vos produits WooCommerce, il vous suffit de faire passer les rubriques  » Pages  » et  » Produits  » du gris (désactivé) au vert (activé).

Dans l’image suivante, nous avons activé la fonctionnalité de mise en avant des vidéos pour les produits WooCommerce, ainsi que pour les publications et les pages.

Enabling featured video thumbnails for posts, pages, and products

Vous pouvez ensuite cliquer sur le bouton « Enregistrer les modifications ».

Passons ensuite à l’onglet « Contrôles ». Vous y trouverez une section  » Vidéos auto-hébergées  » dans laquelle vous pourrez définir les Réglages pour les vidéos de votre médiathèque WordPress.

Changing the featured video thumbnail settings

Bien que l’extension supporte les vidéos auto-hébergées, elles peuvent prendre beaucoup d’espace de stockage et de bande passante, c’est pourquoi nous ne le recommandons pas. Pour en savoir plus, consultez les raisons pour lesquelles vous ne devriez jamais téléverser une vidéo sur WordPress.

Défilez plutôt vers le bas jusqu’à la section « Contenu embarqué ». Vous y trouverez les Réglages pour toutes les vidéos que vous intégrez à partir de plateformes vidéo tierces comme YouTube.

Lorsque vous intégrez des vidéos provenant de YouTube ou de Vimeo, Really Simple Featured Video affiche les commandes de lecture de cette plateforme.

Par exemple, si vous intégrez une vidéo YouTube, les internautes peuvent accéder aux fonctionnalités de lecture propres à YouTube.

Toutefois, la section « Contenu embarqué » comporte un bouton « Autoplay » sur lequel vous pouvez cliquer pour l’activer.

The switch for auto playing embedded videos

L’extension 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 commutateur « Couper le son ».

Vous pouvez également définir la lecture en boucle des miniatures des vidéos mises en avant. Cependant, les vidéos en boucle peuvent être gênantes pour de nombreux internautes, en particulier si la vidéo est courte et comporte des bruits forts.

Il est conseillé d’activer le bouton « Boucle » uniquement si la lecture en boucle de la vidéo améliore d’une manière ou d’une autre l’expérience de l’internaute. Par exemple, vous pouvez créer une vidéo affichant une vue à 360 degrés d’un produit, puis définir la boucle de cette vidéo.

The switch for looping embedded videos

Après avoir passé en revue les différents réglages, n’oubliez pas de cliquer sur le bouton « Enregistrer les modifications ».

Ajout de miniatures de vidéos avant les publications, les pages et les produits WooCommerce

Une fois que vous avez configuré la manière dont l’extension affichera les vidéos embarquées, vous êtes prêt à ajouter des miniatures de vidéos en vedette sur votre site WordPress.

Pour ce faire, il suffit d’ouvrir la publication, la page ou le produit WooCommerce où vous souhaitez ajouter une miniature de vidéo avant.

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

Adding a featured video to a WordPress post

Vous souhaitez plutôt ajouter une vidéo mise en avant à un produit WooCommerce ?

Vous trouverez ensuite la section « Vidéo en vedette » sous la section« Galerie de produits« .

The Featured Video settings on the product screen

Pour utiliser une vidéo provenant d’un site d’hébergeur de vidéos, il suffit de cliquer sur « Contenu embarqué ».

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

Adding a featured video thumbnail in the WordPress post editor

Confirmez simplement que vous ajoutez l’URL de la vidéo dans le bon format. Dans le menu de droite, vous trouverez des exemples pour YouTube, Vimeo et Dailymotion.

Pour YouTube, l’extension nous donne l’exemple d’URL suivant : 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, il suffit d’ouvrir un nouvel onglet dans votre navigateur, puis d’aller sur la vidéo YouTube que vous souhaitez embarquer.

Jetez maintenant un coup d’œil à la barre d’adresse du navigateur. L’ID de la vidéo est la valeur qui suit v=. Dans l’image abrégée, l’ID de la vidéo est DvbFBxKcORA.

The WPBeginner YouTube channel

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 retourner à l’onglet avec l’éditeur de blocs WordPress et coller l’URL dans le champ « Contenu embarqué ». Cela ajoutera une miniature de la mise en avant de la vidéo à la publication, et vous serez alors prêt à cliquer sur le bouton « Mettre à jour » ou « Publier ».

Vous pouvez désormais ajouter des miniatures de vidéo avant à d’autres publications, pages et produits WooCommerce en suivant le même processus décrit ci-dessus.

Dans les archives de votre blog ou sur une page similaire, vous verrez que WordPress utilise désormais les vidéos comme miniature avant pour vos publications et vos pages.

Si vous ouvrez une page, une publication ou un produit WooCommerce, vous verrez que la fonctionnalité vidéo apparaît également en haut de la page, comme le ferait une image avant.

An example of a WooCommerce featured video

Nous espérons que cet article vous a aidé à apprendre comment ajouter des miniatures de vidéo en fonctionnalité sur WordPress. Vous pouvez également consulter notre guide sur les meilleures extensions de galerie vidéo YouTube pour WordPress et comment intégrer une vidéo Facebook.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

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

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

21 commentairesLaisser une réponse

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Derek

    This plugin no longer works as of the latest version of wordpress 5.3.

    • WPBeginner Support

      Thank you for the heads up, we’ll be sure to keep an eye out for alternatives

      Administrateur

  3. Su

    It’s only showed the feature image I can’t click on it to show the video, although I changed the setting. The video is not showing.

    • WPBeginner Support

      If you reach out to the plugin’s support they should be able to assist.

      Administrateur

  4. Duarte Ban Fireworks

    This doesn’t work if you have a wordpress.com account and it’s not business account. Only business accounts allow you to install plugins. Is there any code we can use. In your PayPal button post, you had a workaround for wordpress.com users.

  5. Apoorva Sharma

    hello i want to auto play related video, when we put cursor then video is play , but we have facing problem so please help me

  6. HANIEH

    hello, would like to upload a video from a site other than Youtube and Vimeo with feature of thumbnail and pop up play , is it possible?

    • WPBeginner Support

      Hey Hanieh,

      Yes, if the website provides an embed code, then you can add it to your blog posts to display the video.

      Administrateur

  7. iona

    Can I display multiple videos with a forward and backward button to scroll through the videos?
    I would like to display multiple videos as my featured videos.

    Thnx

  8. Efrain

    Hi Syed, let me introduce my TROUBLE… i want click to link and it show me a image but in the same page, in other hand, i like the same funtion of the gmail… when you click and attachment file, this show in the same page the image o pdf. Is it possible with elementor or particular plugin… thank you any support about this

  9. John

    Not sure if you care or not, but I always click off your site when I can’t view the video… Everytime I try to enlarge the video to fit screen – it’s disabled or not working on this blog. It’s odd.

    • WPBeginner Support

      Hey John,

      Thanks for the feedback, we have fixed the issue. You can now watch videos in full screen.

      Administrateur

  10. Michael

    Hello the featured videos on my title page have big black triangles (I think an overlay play button) on them which means people cannot see what the video is. How can get rid of these? Any help would be greatly appreciated.

    • WPBeginner Support

      Hi Michael,

      If this is a YouTube video then you can switch to the light theme. Unfortunately, there isn’t an option in the plugin settings to upload your own play button.

      Administrateur

  11. Michael

    Hello the featured image of the video has a big black triangle which is blocking the view of what video is how can I get rid of this?

  12. Georgia

    this was so brilliantly helpful. i’m so grateful. you guys are awesome!

  13. Marco Reeves

    Works like a charm, thanks heaps for sharing!

  14. Tom Finley

    Finding that Featured Video Plus doesn’t seem to play well with Genesis child themes. Is that your experience? May have to come up with a Gist to show folks how to get around that.

  15. christine

    I uploaded the plugin to my wordpress site and it has the featured image capability but I am not finding it works. I am not sure what info one might need to help me

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon 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.