[SOLUTION] Modifier la taille de la vidéo Youtube intégrée à WordPress

Andrei Iordache

Andrei Iordache

Développeur WordPress

🚀 J’aide les gens à être trouvés en ligne | Développement WordPress, Core Web Vitals, Sécurité&Maintenance

Dans ce court tutoriel, je vous apprendrai à modifier la taille de la vidéo Youtube que vous avez intégrée dans votre article ou page WordPress.

Pourquoi intégrer des vidéos dans des articles de blog ?

Les vidéos Youtube sont un excellent moyen d’ajouter un contenu plus passionnant à votre article de blog.

Elles vous permettent d’obtenir un meilleur engagement de votre public et de maintenir son intérêt pour le sujet.

C’est aussi un excellent moyen de montrer votre produit ou service en action.

Vous pouvez même utiliser des vidéos Youtube en guise d’introduction à votre article de blog, ce qui facilitera la tâche des personnes qui ne sont pas familières avec le sujet de votre article, ou qui comprennent simplement mieux les informations contenues dans une vidéo que dans un article écrit.

Comme vous le savez peut-être déjà, WordPress vous donne la possibilité de personnaliser n’importe quelle page ou article, et n’importe quel élément qui s’y trouve. Ces dernières années, de plus en plus de personnes utilisent des plugins d’édition visuelle, tels que Gutenberg, Visual Composer, WPBakery Page Builder, Beaver Builder ou Elementor (et bien d’autres addons) car ils sont plus faciles à contrôler que d’écrire tout le code depuis le début.

Modifier la taille de la vidéo Youtube intégrée dans WordPress

Comment modifier la taille d’une vidéo Youtube intégrée dans WordPress ? Je vais vous montrer la méthode la plus simple, directement fournie par Youtube :

I. Pour modifier la taille de la vidéo Youtube dans votre article ou votre page, procédez comme suit :

1. Allez sur Youtube et cherchez votre vidéo.

2. Appuyez sur le bouton “Partager”. Vous verrez l’option “Embed” juste au début (avant le bouton Facebook – voir l’image ci-dessous).

IMG 1 - Share Button | Youtube Embed WordPress
IMG 1 – Share Button | Youtube Embed WordPress

3. Appuyez sur le bouton Embed (voir l’image ci-dessous).

IMG 2 - Embed Button | Youtube Embed WordPress
IMG 2 – Embed Button | Youtube Embed WordPress

4. Copiez-collez ce code personnalisé (voir l’image 3, ci-dessous) dans votre page/article WordPress. N’oubliez pas : vous devez être en mode TEXTE, et non en mode visuel, lorsque vous collez le code dans l’article/la page.

IMG 3 - Embed Video Settings | Youtube Embed WordPress
IMG 3 – Embed Video Settings | Youtube Embed WordPress

5. Vous pouvez modifier la taille de la vidéo directement à partir du code.

6. Facultatif : Vous pouvez également définir le point de départ de la vidéo (par exemple : 1:47).

7. Cochez la case “Afficher les commandes du lecteur” si vous voulez permettre aux visiteurs de votre site Web de contrôler la vidéo.

8. Très important : cochez la case “Activer le mode de protection de la vie privée”. Qu’est-ce que c’est ? Il s’agit d’une nouvelle fonctionnalité fournie par Youtube. En fait, lorsque vous cochez cette case, vous activez le mode de protection de la vie privée, et Youtube ne stockera pas les informations de vos visiteurs jusqu’à ce qu’ils commencent cette vidéo spécifique (voir l’image ci-dessous).

IMG 4 - What does YouTube-Nocookie com mean? | Youtube Embed WordPress
IMG 4 – What does YouTube-Nocookie com mean? | Youtube Embed WordPress

9. Vous pouvez maintenant cliquer sur “Mettre à jour/Publier” et revoir votre nouvel article/page.

En fait, avec ce code source, vous pouvez modifier la taille de la vidéo intégrée sur n’importe quel addon spécifié ci-dessus (Gutenberg, Visual Composer, WPBakery et ainsi de suite). Encore une fois, assurez-vous simplement que vous êtes en mode TEXTE/HTML, et non en mode visuel.

Pour les autres modules complémentaires (Elementor, par exemple), vous pouvez ajouter un nouvel élément HTML et y insérer le code vidéo.


II. Changer le ratio/proportion de l’intégration d’une vidéo YouTube dans WordPress en utilisant l’éditeur Gutenberg

  1. Accédez au message/à la page et cliquez sur Modifier.
  2. Allez dans le bloc spécifique où votre vidéo est insérée.
  3. Survolez le bloc et appuyez sur les 3 points.
  4. Dans le menu déroulant, sélectionnez : “Editer en tant que HTML”. Maintenant vous verrez le code de la vidéo (comme ci-dessus).
  5. Vous pouvez ici modifier le rapport hauteur/largeur de la vidéo (4:3, 16:9, 21:9).
Article précédent
[GUIDE] Comment transférer un site WordPress vers un nouveau propriétaire, un nouvel hébergeur ou un nouveau nom de domaine ?
Article suivant
[SOLUTION] AdSense ne fonctionne pas sur mon site WordPress
Lusi StudiosLusi Studios
15:32 22 Jun 22
Andrei did an amazing job! He helped in a very rushed time and he excelled at everything. Thanks again!
I am grateful and I would to thank Websites Seller for their support in site recovery and site transfer. Websites Seller just saved my business. Thank you!
Wouter GhysensWouter Ghysens
11:52 10 Sep 21
Looking for a Wordpress transfer from site A to site B, I found back Andrei from Wesites Seller on Google.He was very proactive in his approach, came with hundreds of ideas and lifetime experiences from other migrations. He knows the wordpress, the hosting and php database as the back of his pocket.And we worked out this migration very smooth. Together we solved it, and myself and my business are very pleased with his approach.100% recommendation & kudo's from out of Belgium!
Ioachim CiobanuIoachim Ciobanu
18:39 14 Jul 21
Websites Seller built my resume site. Deliverables were quickly completed, and I was asked for my feedback at each stage of development. All feedback I gave was implemented in a short time.Another great thing is that he comes with smart solutions, regarding stuff which I didn't initially think of (site security, Google site speed optimization and so on). Basically, he was great, staying in touch, keeping me updated and paid attention to what was most important for my site.Overall, I am very happy with the work done. I highly recommend this developer!
K CollinsK Collins
09:11 19 May 21
I needed help with website speed - to improve my core web vitals - without compromising the usability of my site. Andrei was extremely responsive, proactive and fast. And more importantly, he increased by website speed. Highly recommend him, and I will be using him going forward on all my projects.

Services

WordPress Website Maintenance Services

Services de maintenance WordPress

Service de maintenance de sites Web WordPress qui fournit des sauvegardes en nuage, une assistance d’urgence, des mises à jour hebdomadaires du site Web, la vitesse et bien d’autres choses encore.

sally

Service de migration WordPress

Transférez en toute sécurité votre site Web WordPress vers un nouvel emplacement pour 75 $. … Migrez votre site Web vers son nouvel hôte.

lawyer-office

Conception de sites Web pour avocats

Nous sommes spécialisés dans la conception de sites Web, le marketing Internet et le référencement pour les avocats et les juristes en Europe et aux États-Unis.