WordPress facilite l’intégration d’une vidéo YouTube de deux façons différentes, selon que vous souhaitiez la solution rapide par défaut ou un contrôle total sur son comportement.
Méthode 1 : coller directement l’URL
Dans l’éditeur de blocs de WordPress, collez simplement un lien YouTube sur sa propre ligne. WordPress le convertit automatiquement en bloc d’intégration grâce à son support oEmbed intégré, sans HTML requis. C’est l’option la plus rapide et elle convient bien pour un embed simple à l’apparence par défaut.
Méthode 2 : le bloc HTML personnalisé, pour un contrôle total
L’intégration automatique ne vous donne pas de contrôle sur le dimensionnement responsive, le domaine respectueux de la vie privée, les horaires de début ou les contrôles masqués. Pour cela, ajoutez un bloc HTML personnalisé (recherchez « HTML personnalisé » dans l’outil d’insertion de blocs) et collez-y directement un code d’intégration généré :
- Construisez votre code avec le générateur de code d’intégration, en choisissant le dimensionnement responsive, le mode vie privée et les options de lecture souhaitées.
- Ajoutez un bloc HTML personnalisé à l’endroit où la vidéo doit apparaître.
- Collez le code généré dans le bloc.
- Prévisualisez la page pour vérifier qu’elle s’affiche correctement.
Une remarque sur l’éditeur classique
Si votre site utilise encore l’éditeur classique, passez à l’onglet « Texte » (HTML) plutôt que « Visuel » avant de coller le code d’intégration, sinon WordPress risque de supprimer ou d’altérer le HTML brut.
Problèmes courants propres à WordPress
Certaines extensions de sécurité ou de performance suppriment par défaut les iframes ou scripts du contenu des articles. Si votre embed disparaît après l’enregistrement, vérifiez les paramètres de filtrage HTML de votre extension, ou cherchez une option pour autoriser les iframes provenant de domaines de confiance comme youtube.com et youtube-nocookie.com.
Le rendre responsive sur WordPress
La plupart des thèmes WordPress modernes gèrent automatiquement les embeds responsives pour le bloc YouTube natif de l’éditeur. Si vous utilisez le bloc HTML personnalisé avec un code généré, assurez-vous d’avoir sélectionné l’option de conteneur responsive dans le générateur, afin que la vidéo s’adapte correctement dans la colonne de contenu de votre thème.