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

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

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

En remplaçant l’image en avant d’une publication ou d’un produit par une vidéo en avant, vous pouvez rendre votre site beaucoup plus vivant et dynamique. Les internautes peuvent voir ces vidéos depuis presque n’importe où, notamment 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.

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

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

Après l’activation, il y a quelques réglages à définir. Pour Premiers pas, allez dans Réglages  » Really Simple Featured Video.

The Simple Featured Video settings

Sur cet écran, vous pouvez sélectionner si vous souhaitez ajouter des miniatures de vidéo avant aux pages, aux publications ou aux produits WooCommerce.

Pour ce faire, il vous suffit de cliquer sur les boutons « Publications », « Pages » ou « Produits » pour les faire passer du gris (désactivé) au violet (activé). Dans l’image avant, nous avons activé la fonctionnalité de vidéo avant pour les produits, les publications en avant et les pages.

Enabling featured video thumbnails for posts, pages, and products

Cliquez ensuite sur le bouton « Enregistrer les modifications ».

Cliquez ensuite sur 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, cela peut prendre beaucoup d’espace de stockage et de bande passante, nous ne le recommandons donc 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 jusqu’à la section « Contenu embarqué ». C’est là que vous trouverez les Réglages pour toutes les vidéos que vous intégrez à partir de plateformes vidéo tierces telles que 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 embarquez une vidéo YouTube, les internautes auront accès aux mis en avant de YouTube.

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

Enabling autoplay for WordPress featured thumbnail images

Par défaut, l’extension lit les vidéos avec le son activé. Pour couper le son de vos vidéos par défaut, cliquez sur le permuter ‘Mute sound’.

Vous pouvez également définir la lecture en boucle des miniatures des vidéos avant.

La lecture en boucle d’une vidéo peut être gênante pour de nombreux internautes, en particulier si la vidéo est courte et sonorisée. 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.

Embedding a video

Confirmez les différents réglages en cliquant 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 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 n’importe quelle page, publication ou produit WooCommerce, vous verrez que la fonctionnalité vidéo apparaît également en haut de la page, comme le ferait une mise 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.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and 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 says

    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. Su says

    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.

  3. Duarte Ban Fireworks says

    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.

  4. Apoorva Sharma says

    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

  5. HANIEH says

    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?

  6. iona says

    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

  7. Efrain says

    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

  8. John says

    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.

  9. Michael says

    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 says

      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

  10. Michael says

    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?

  11. Tom Finley says

    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.

  12. christine says

    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.