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

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).

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

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.

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).

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).