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 facilement Contenu embarqué des vidéos dans les publications de blog WordPress

Les vidéos donnent de la vie à votre site et constituent un excellent moyen d’accroître l’engagement des comptes.

Heureusement, WordPress permet d’intégrer très facilement des vidéos provenant de sites d’hébergeurs comme YouTube, Vimeo, Facebook, Twitter et bien d’autres.

Dans ce guide pour débutants, nous allons vous afficher comment intégrer facilement des vidéos dans les publications de blogs WordPress, les pages et les widgets de la colonne latérale.

How to easily embed videos in WordPress blog posts (4 ways)

Pourquoi embarquer des vidéos dans vos publications de blog WordPress ?

Ajouter des vidéos à votre blog WordPress est un excellent moyen de capter l’attention de vos internautes et de stimuler l’engagement et les conversions.

Les vidéos aident à augmenter le temps que les utilisateurs/utilisatrices passent sur votre site WordPress, et certains internautes peuvent même préférer regarder une vidéo plutôt que de lire un texte écrit.

Ici, chez WPBeginner, nous intégrons des vidéos dans nos tutoriels WordPress les plus populaires.

Faut-il téléverser des vidéos directement sur WordPress ?

Vous pouvez le faire, mais nous vous le déconseillons.

La plupart des petits blogs utilisent des comptes d’hébergement WordPress partagés, et les vidéos peuvent prendre beaucoup de ressources du serveur. Si votre vidéo reçoit beaucoup de trafic, votre site est alors plus susceptible de tomber en panne.

Deuxièmement, vous passez à côté du trafic provenant des utilisateurs/utilisatrices de YouTube et d’autres sites d’hébergement de vidéos.

YouTube est uniquement le plus grand site d’hébergeur de vidéos, mais c’est aussi le deuxième moteur de recherche le plus populaire au monde et le deuxième réseau social le plus populaire juste après Facebook.

Si vous ne souhaitez pas téléverser vos vidéos sur YouTube, vous pouvez alors utiliser d’autres plateformes comme Vimeo, Jetpack Video, Wistia, et bien d’autres encore.

Pour plus de détails, consultez notre publication sur les raisons pour lesquelles vous ne devriez jamais téléverser une vidéo dans votre médiathèque WordPress.

Cela étant dit, nous allons vous afficher comment vous pouvez intégrer des vidéos dans les publications de blog WordPress, étape par étape. Utilisez simplement les liens rapides ci-dessous pour passer directement à la méthode que vous souhaitez utiliser :

Si vous préférez des instructions écrites, continuez à lire.

Méthode 1 : Contenu embarqué de vidéos dans les publications et pages de blog WordPress à l’aide de l’éditeur/éditrices de blocs

WordPress est doté d’une fonctionnalité intéressante appelée Contenu embarqué automatique, qui permet à votre site d’obtenir automatiquement le code d’intégration à partir des services d’hébergeur de vidéos les plus populaires comme YouTube, Vimeo, etc.

Il vous suffit de coller l’URL de la vidéo dans l’éditeur WordPress.

Par exemple, vous pouvez copier l’URL de YouTube pour une vidéo que vous souhaitez intégrer.

Ensuite, modifiez l’article ou la page WordPress où vous souhaitez ajouter la vidéo, et collez simplement l’URL dans la zone de contenu.

Paste video embed code in block editor

Dès que vous collez l’URL de la vidéo, WordPress récupère le code d’intégration et affiche la vidéo YouTube dans l’éditeur/éditrices de contenu.

Vous pouvez maintenant enregistrer votre publication en cliquant sur le bouton « Mettre à jour » ou « Publier » pour voir la vidéo Embarquée dans votre publication en direct.

N’était-ce pas facile ?

Après avoir ajouté la vidéo, vous pouvez personnaliser ses réglages en cliquant sur la vidéo dans l’éditeur et en apportant des modifications à partir de la barre d’outils surgissante.

Vous pouvez ajuster la largeur de la vidéo, modifier l’alignement, et bien plus encore. Vous pouvez également ajouter une légende et préserver la proportion de taille de la vidéo sur les appareils mobiles.

Edit video display options in block editor

WordPress peut uniquement effectuer des contenus embarqués automatiques pour les services vidéo figurant sur la liste blanche. Pour les autres sites, vous devrez toujours obtenir le code d’intégration, puis le coller dans vos publications de blog.

Voici une liste de services vidéo en liste blanche pour les contenus embarqués dans WordPress :

  • Amazon
  • Animoto
  • Cloudup
  • CollegeHumor
  • Signal de foule
  • Dailymotion
  • Facebook
  • Flickr
  • Hulu
  • Imgur
  • Instagram
  • Issuu
  • Kickstarter
  • Meetup.com
  • Mixcloud
  • Reddit
  • ReverbNation
  • Screencast
  • Scribd
  • Slideshare
  • SmugMug
  • Quelques cartes
  • SoundCloud
  • Plateau de haut-parleurs
  • Spotify
  • TED
  • Tumblr
  • Twitter
  • VideoPress
  • Vimeo
  • WordPress.tv
  • YouTube

Si vous souhaitez ajouter une vidéo provenant d’un site ne figurant pas dans cette liste, vous aurez besoin du code HTML complet d’intégration de la vidéo.

Il suffit de copier le code HTML fourni par le site vidéo et de le coller dans le bloc « HTML » de l’éditeur.

Add video embed HTML code

Pour en savoir plus, consultez notre guide du débutant sur la façon de modifier le HTML dans l’éditeur de code de WordPress.

Méthode 2 : Contenu embarqué de vidéos dans WordPress à l’aide de l’ancien éditeur/éditrices classique

Si vous utilisez encore l’ancien éditeur WordPress classique, vous pouvez intégrer les vidéos de la même manière.

Il suffit de copier l’URL à partir d’un service d’hébergement de vidéos tel que YouTube et de la coller dans l’éditeur. Si vous utilisez l’éditeur visuel, vous verrez un aperçu de la vidéo.

Embed video in classic editor

Cependant, vous ne pourrez pas utiliser l’ajustement de la largeur et d’autres options que vous pouvez utiliser dans l’éditeur de blocs Gutenberg de WordPress.

Confirmez-vous que vous avez bien cliqué sur le bouton « Mettre à jour » ou « Publier » pour que vos modifications soient directes.

Méthode 3 : Comment embarquer des vidéos dans les widgets de la colonne latérale de WordPress

Tout comme une publication ou une page WordPress, vous pouvez également intégrer des vidéos dans les widgets de la colonne latérale de WordPress.

Il suffit d’aller dans Apparence  » Widgets dans votre zone d’administration WordPress, puis de cliquer sur l’icône ‘+’ d’ajout d’un nouveau bloc.

Ensuite, recherchez « Vidéo » dans la barre de recherche.

Ensuite, vous pouvez cliquer sur le bloc correspondant au type de vidéo que vous souhaitez ajouter. Par exemple, YouTube, Vimeo, TED, etc.

Add new video block to widget

Ensuite, vous devez coller l’URL de votre vidéo dans la case, cliquer sur le bouton « Contenu embarqué », et elle sera automatiquement ajoutée à la zone du widget.

Il ne vous reste plus qu’à cliquer sur le bouton « Mettre à jour », et le widget vidéo sera désormais en direct sur votre site WordPress.

Enter embed URL and click update

Vous pouvez maintenant visiter votre site pour voir la vidéo en direct. La taille de la vidéo sera automatiquement redimensionnée en fonction de la taille de votre zone de widget.

Widget video embed example

Pour en savoir plus, consultez notre guide sur l ‘ajout et l’utilisation de widgets dans WordPress.

Méthode 4 : Utiliser les extensions vidéo de WordPress pour embarquer des vidéos

Par défaut, vous n’avez pas besoin d’utiliser une extension pour intégrer des vidéos dans WordPress. Cependant, vous pouvez utiliser des extensions pour améliorer l’expérience de visionnage des vidéos sur votre site.

Voici quelques extensions WordPress que vous pouvez essayer.

1. Smash Balloon YouTube Flux Pro

Smash Balloon YouTube Feeds Pro

Smash Balloon YouTube Feed Pro est la meilleure extension de galerie vidéo YouTube pour WordPress, approuvée par plus de 40 000 propriétaires de sites web.

Nous l’avons utilisé sur nos propres sites et avons testé toutes ses fonctionnalités. Pour plus de détails, consultez notre Avis Smash Balloon terminé.

Il vous permet d’embarquer automatiquement toutes les vidéos de votre chaîne YouTube dans un format de galerie personnalisable. Il importe automatiquement les nouvelles vidéos, combine les flux, peut ajouter une fonctionnalité de diffusion en direct, intégrer une playlist YouTube, et plus encore.

De plus, il inclut les vues, les likes, les partages, les commentaires et les réactions, ce qui peut aider à renforcer votre preuve sociale.

YouTube channel feed example

Il existe une version gratuite de l’extension de flux YouTube que vous pouvez utiliser pour ajouter simplement le flux de votre chaîne YouTube à WordPress.

Pour en savoir plus, consultez notre guide sur comment afficher les dernières vidéos de la chaîne YouTube dans WordPress.

Vous pouvez également utiliser le plugin de flux YouTube Smash Balloon avec le plugin Social Wall qui combine tous vos contenus de réseaux sociaux de Facebook, Instagram, Twitter et YouTube sur une seule page WordPress.

2. Smash Balloon TikTok Feed Pro

Smash Balloon TikTok Feed Pro

TikTok Feed Pro, également par Smash Balloon, est une extension puissante qui vous permet d’intégrer facilement des vidéos TikTok n’importe où sur votre site WordPress.

Lorsque vous publiez sur votre chaîne TikTok, elle est automatiquement transférée sur votre site et affichée dans un magnifique flux de galerie vidéo. Vous pouvez choisir parmi plusieurs mises en page de flux, notamment la grille, le carrousel, la liste et la masonry.

Smash Balloon TikTok feed example

L’éditeur de flux par glisser-déposer vous permet également de contrôler entièrement l’apparence de votre flux TikTok. Vous pouvez définir le nombre de vidéos à afficher et personnaliser les couleurs, le style, l’espacement et bien plus encore.

En outre, il est livré avec des outils de modération utiles pour filtrer vos vidéos en fonction d’un mot ou d’un hashtag. Grâce à cette fonctionnalité, vous pouvez créer des flux vidéo personnalisés pour différentes parties de votre site afin de cibler un contenu spécifique.

Il existe également une version gratuite de l’extension Feeds for TikTok que vous pouvez utiliser pour ajouter un flux TikTok simple dans WordPress.

Consultez notre guide sur l’intégration des vidéos TikTok dans WordPress pour plus de détails.

The Envira Gallery YouTube plugin

Envira Gallery est la meilleure extension de galerie WordPress sur le marché. Nous l’avons utilisé sur certains de nos sites pour créer de magnifiques galeries WordPress. En savoir plus, consultez notre Avis Envira Gallery.

Vous pouvez l’utiliser pour créer facilement des galeries de photos sur WordPress. Il est également livré avec un module Videos pour afficher des galeries vidéo magnifiques et responsive.

Vous pouvez créer des galeries vidéo à partir de YouTube, Vimeo, Twitch, DailyMotion et bien plus encore. Vous pouvez même afficher des playlists YouTube à partir de votre compte personnel et vous avez la possibilité de lancer des vidéos YouTube à un horodatage particulier.

Envira est très facile à utiliser. Saisissez simplement l’URL de votre vidéo YouTube et le système intelligent saisira automatiquement les miniatures vidéo pour vous.

Il existe une version gratuite d’Envira Gallery. Cependant, vous avez besoin de l’extension premium pour accéder à la fonctionnalité des galeries vidéo.

4. Barre d’abonnés/abonnés à YouTube

YouTube Subscribe Bar

Labarre d’abonnement YouTube affiche un bouton d’abonnement YouTube sous vos vidéos YouTube embarquées dans WordPress. Elle récupère également votre nombre d’abonnés/abonnées YouTube pour ajouter une preuve sociale et encourager plus d’utilisateurs/utilisatrices à s’abonner à votre chaîne.

Nous l’avons d’abord créé pour promouvoir la chaîne YouTube de WPBeginner sur ce site. Beaucoup de nos utilisateurs/utilisatrices nous ont demandé de partager la façon dont nous l’avons fait, nous avons donc décidé de le publier en tant qu’extension gratuite.

5. Chargement paresseux des vidéos

Lazy Load for Videos

Lazy Load for Videos résout le problème du chargement des scripts d’intégration de vidéos à partir de sites web externes, qui a un impact sur la vitesse de chargement et les performances des pages du site.

Au lieu de cela, il charge uniquement le code d’intégration lorsque le compte clique sur le bouton de lecture.

D’ailleurs, vous n’aurez pas besoin de ce plugin si vous utilisez l’extension Smash Balloon YouTube Feed, car elle intègre une mise en cache et un chargement différé pour le lecteur vidéo.

Tutoriel vidéo

Subscribe to WPBeginner

Nous espérons que cet article vous a aidé à apprendre comment intégrer facilement des vidéos dans des publications de blog WordPress. Vous pouvez également consulter notre guide sur la façon de configurer le référencement vidéo dans WordPress ou notre choix d’experts du meilleur logiciel de modification vidéo.

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

123 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. Jiří Vaněk

    Thanks for the block editor tutorial. I’ve been using Elementor until now and here’s a widget where you just put the URL of the video and it worked. But it’s good to know how it works in the block editor in case the website owner doesn’t want Elementor for some reason.

  3. Pierre Gazzola

    As my dementia stay the same I though I try again wordpress been away siince version 3.

    However was smart enough to keep your page in my wp tab on chrome you help me so much all the time and remembering so much thank you.
    From a old 70 25 at hearth :))

    • WPBeginner Support

      Glad we can be helpful and we hope our guides continue to help you now and in the future!

      Administrateur

  4. sandeep

    i have added YouTube video links in my WordPress blog post. now I want to remove that video link
    so my question is after removing that links does it create any problem in that post indexing in google search console. because that video is appearing in video indexing page of google search console

    • WPBeginner Support

      Unless we hear otherwise, removing a video link should not cause an issue with your post indexing.

      Administrateur

  5. Krystal

    When I upload a video using the blocks wordpress tells me I must upgrade my account for $96/year. I’ve been using wordpress since 2012. What gives?

  6. Barry C Laminack

    Hi, In case others may have the same problem I did with embedding a video from Rumble, after many trying many different things, I figured out how to do it by accident lol.

    If it is your own video, use the Embed Code but only the link within the src= portion.

    If it is not your video, using the « EMBED » button of the video, copy and use the « Embed IFRAME URL » link provided in the Embed pop dialog.

    • WPBeginner Support

      Thanks for sharing that for users using that service :)

      Administrateur

  7. Dexter Rodrigues

    Super stuff guys. I was struggling for 2 days with LearnDash LMS on WP and a premium European hosting provider. I used the method of Custom HTML embed and it worked just fine. It’s 3.00am in the morning where I am at and am smiling because of you :). Thanks a lot, this content is truly for a beginner like me with an erratic learning curve.

    • WPBeginner Support

      Glad our guide was helpful :)

      Administrateur

  8. Imtiaz

    I tried to upload videos from youtube, but it shows all related videos. I tried to put some restrictions also with functions like control=0, autoplay=1, ?rel=0, but none of these worked. I tried to upload videos from vimeo also, but there also related videos displayed.
    Than I tired to upload videos directly from my pc, but that made my site slow.
    Any suggestions how to use embeded vdeos of html from my pc.

    • WPBeginner Support

      We do not have a recommended method for embedding a video from your home computer as a server at the moment.

      Administrateur

  9. monika

    hi can i add food youtube videos on my wordpress food theme?……..i am serching for a food theme on wordpress that supports food videos.
    thanks

    • WPBeginner Support

      You can add videos to any WordPress theme, where you add it would determine how difficult it would be to achieve.

      Administrateur

  10. tuna

    Thanks for the nice information…
    I have a problem with url embed function in wordpress. When I add a url to embed a different post from my website ,everhting seems fine in preview mode. I mean I am seeing thumbnail and a excerpt of the post which is exactly what I want. But, when ı update the post there is only a simple link instead what is shown in preview mode. I need your help if possible.
    Best Regards

  11. Samuel

    I would like to have a website that is purely a Video Gallery but more like YouTube.
    Do you think Plugins can do that?
    Can you recommend some Plugins for me?
    Thank you,

  12. Gaurav J

    Hi. i am using embeds block to embed my YouTube video into the post. In the edit post window, I can see the video is getting embedded/I can see the preview of the video. But, once i publish the post or preview it, I could only see the link of the video and not the preview.
    I am not using any plugins for embedding the videos.
    Could you please help?

  13. Liz

    Hello,
    i used to embed video on wordpress by simply past the link.
    Now, Google search console detect that there are some problems in the two pages I have with video embed.
    I’m talking about mobile usability.
    Is there a way to fix this problem or a plugin that will fix it ?

    • WPBeginner Support

      It would depend on how and where you added the videos from, using the YouTube embed as an example should not cause an issue unless you’re using an iframe embed that specifies width.

      Administrateur

  14. Luz Manalo-Cruz

    I am unable to embed a YouTube video using the embed block editor (I tried both the embed block and the Youtube block). I’ve already tried pasting from the youtube studio link, from the URL in the address bar, and from the « share » button. Is there something I’m not doing right?

    • WPBeginner Support

      You may want to try disabling your plugins to ensure this isn’t a possible conflict between one of your plugins and the embed.

      Administrateur

  15. JOy Halverson

    I have a youtube video on my WordPress ecommerce site – when the video ends I simply want it to end so that my customers aren’t curious to go see other videos. No « ads » for other youtube videos unrelated to my site- I seem to recall that there is some code you can put at the end of the video URL that will accomplish this. thanks

    • WPBeginner Support

      YouTube does not offer that functionality at this time.

      Administrateur

  16. Naomi

    Thank you for the information. May God bless you!

    • WPBeginner Support

      You’re welcome, glad you like our content :)

      Administrateur

  17. HJK

    Hi, I’ve used the embed code in the HTML editor then when I switch back to visual it appears, however when I try to preview the post the video does not show up at all.

    • WPBeginner Support

      If it is only when trying to preview the post, you may want to try saving your draft beforehand to ensure that it is not due to the preview not being saved properly

      Administrateur

  18. Arpit

    Really useful information. Can you please help me to know, if i add video on WordPress post will effect on site speed or particular post speed.

  19. Jason

    « ll you need to do is paste the video URL into the WordPress editor. »

    What a ie. Even putting the youtube link into the embed block doesn’t work. I wish WordPress would stop giving incorrect directions. Nothing seems to work when it comes to putting a simple short youtube link (of my own 2 minute video into wordpress. WP? …. IDK about this.

    • WPBeginner Support

      You may have a plugin or similar that could be preventing the embed from being added correctly, have you tried using the video block that was added with the Gutenberg/block editor?

      Administrateur

  20. Jeffrey Christian

    I’m trying to embed a link from Vimeo but come up with the following error:

    Sorry, this content could not be embedded.

    There is no issue with the video, so not sure why there’s an error.

    Any suggestions would be appreciated!

    • WPBeginner Support

      If this method didn’t work, have you tried the video block to embed using that? If the error is in a Vimeo embed then the video owner may not allow embedding of the video.

      Administrateur

  21. Suzanne Dunaway

    I cannot get this to work at ALL and I have a blog with 10,000 followers so far. Why won’t this work on my WordPress editing page??????

    • WPBeginner Support

      If you’re using the new block editor then there is an embed or a video block that you can use if that is the issue.

      Administrateur

  22. Gordana

    I tried to embed url from yotube, it does work but copied video seems too large. I wanted smaller feature and I couldn’t get it smaller in no possible way. I tried same from Vimeo and was satisfied with the size. Do you have any similar experiences?

  23. Ashley

    I am pasting in the URL for our YouTube video and it does not auto embed. I did this exact process twice yesterday with no problems. Tried the embed code, logged out and logged back in but it still won’t auto embed.

    Any ideas as to why this has suddenly stopped working?

  24. David

    Well what do you do when you you insert the URL, the image auto generates and then clips the rest of the paragraph instead of adjusting to fit?

  25. Muhammad Junaid

    I am using elementor to add youtube video.Secondly,does it violate copyright rule?

  26. Civali

    Please, how to set autoplay and sound off in video url?

  27. Tyoaan Calistus

    When I embed a YouTube code and add on my post, the button on click on and watch the video is usually not in the middle of the post.. How do I fix that pls?

  28. Sejal

    Hi..I copied the Youtube URL and it shows properly on the desktop version but doesnt show anything in the mobile version? Am I doing something wrong?

  29. Suzanne Eutsler

    I am embedding facebook live videos into our ministry website and am trying to figure out spacing issues. If you look at the link below, you’ll notice that underneath the video some of the text is cut off and when you look at it on an iphone you’ll notice there’s a TON of white space after each video.

    HOW do I set it to be automatic that it just fits? Is there a way? I’d like it to show up correctly regardless of the pc or iphone or android etc.

    HELP!!!! Please

  30. Isaac

    pls how can i post non-youtube videos on my wordpress page

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.