WordPress : Gutenberg, les vidéos

image_pdf

Les blocs vidéos de l’éditeur Gutenberg de WordPress sont des composants qui vous permettent d’ajouter des vidéos à vos publications ou pages dans WordPress en utilisant l’éditeur de blocs Gutenberg.

Les blocs vidéos permettent d’intégrer des vidéos provenant de différentes sources, telles que YouTube, Vimeo, etc ou directement depuis votre médiathèque (vidéos auto-hébergées), directement dans votre contenu WordPress.

Vidéos auto-hébergées

Plusieurs avantages…

  • Confidentialité et contrôle
  • Aucun problème de droits d’auteur ou risque de suppression
  • Meilleure personnalisation : aucun logo de service tiers, etc
  • Absence de publicité ou de suggestion de vidéos similaires : ex. redirection chez un concurrent

Par contre, les vidéos prennent énormément d’espace de stockage, vérifiez les capacités de votre hébergeur web !

L’éditeur de contenu Gutenberg propose le bloc Vidéo qui vous permettra d’afficher une vidéo préalablement chargée dans la médiathèque.

Vous pouvez définir une image mise en avant en renseignant une valeur pour “Image de couverture”.

Vidéos externes

Solution avec bloc YouTube, bloc Dailymotion, etc

Gutenberg propose également d’intégrer des vidéos issues de plateformes externes (ex. bloc YouTube, bloc Dailymotion, etc).

L’intégration s’effectue simplement, en copiant l’URL / le lien de partage de la vidéo à embarquer.

Avantage d’utiliser une vidéo embarquée : décharger et externaliser le stockage sur un serveur tiers (ex. YouTube et les serveurs de Google).

Exemple pour YouTube :

Cliquez sur le lien PARTAGER, puis COPIER pour obtenir le lien de la vidéo.

Gutenberg propose un bloc YouTube qui vous permettra d’indiquer l’URL de la vidéo YouTube que vous souhaitez intégrer.

Cliquez ensuite sur le bouton Embarquer pour ajouter votre vidéo YouTube à votre page ou article WordPress.

WordPress intègre automatiquement la vidéo YouTube à partir du lien donné.

Solution avec bloc HTML Personnalisé

Autre méthode d’intégration : avec le blog Gutenberg “HTML Personnalisé“, en récupérant le code iframe via le lien INTÉGRER présent au niveau de la fenêtre PARTAGER de la vidéo YouTube.  

Collez le code HTML récupéré.

Puis cliquez sur Prévisualiser.

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.