WordPress
time_read23mn de lecture

Gutenberg WordPress : comment utiliser le bloc Vidéo ?

23 juillet 2023

Gutenberg WordPress : comment utiliser le bloc Vidéo ?

Dans l’univers en constante évolution du contenu numérique, la vidéo a pris une place prépondérante. Elle permet de transmettre des messages de manière plus engageante et visuellement attrayante. C’est ici qu’intervient le bloc Vidéo de l’éditeur Gutenberg de WordPress. Le bloc Vidéo de Gutenberg offre une façon simplifiée et intuitive d’incorporer des vidéos dans vos articles et vos pages WordPress. Que ce soit pour ajouter une démonstration de produit, partager un témoignage client ou enrichir votre blog avec du contenu vidéo, ce bloc est un outil précieux. 🤫

Objectif

Dans cet article, nous allons vous montrer comment tirer le meilleur parti du bloc Vidéo de Gutenberg. Que vous soyez novice ou expérimenté avec WordPress, ce guide vous aidera à comprendre comment ajouter, modifier et personnaliser des vidéos dans vos publications. Préparez-vous à donner une nouvelle dimension à votre contenu avec le bloc Vidéo de Gutenberg !🤭

Une solution clés en main pour créer un site WordPress ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l'offre

Prérequis

Tout ce dont vous avez besoin pour utiliser le bloc Vidéo sur Gutenberg est un accès au tableau de bord d’administration de WordPress avec les droits d’auteur, d’éditeur de contenu ou ceux d’administrateur.

Comment intégrer un bloc Vidéo dans Gutenberg ?

Comme pour la plupart de blocs Gutenberg, vous disposez de deux façons d’ajouter un bloc Vidéo dans votre page/publication.

Méthode 1 : ajouter rapidement un bloc Vidéo dans une page sur Gutenberg

Cette première méthode vous permet d’ajouter rapidement un bloc Vidéo dans votre page ou votre publication. Pour ce faire, cliquez sur le bouton « + » sur le bloc Paragraphe où vous souhaitez insérer votre vidéo. Puis trouvez le bloc Vidéo dans le répertoire de blocs affiché.

Enfin, il vous suffit de cliquer dessus et le bloc sera ajouté dans votre page. Si vous ne trouvez pas rapidement ce bloc, n’hésitez pas à vous servir de la barre de recherche supérieure.Ajouter un bloc Vidéo dans Gutenberg

Méthode 2 : intégrer un bloc Vidéo dans Gutenberg à l’aide de l’outil d’insertion de blocs

Vous pouvez également insérer un bloc Vidéo en utilisant l’outil d’insertion de blocs de Gutenberg. Ainsi, ramenez votre curseur à l’emplacement sur lequel vous souhaitez afficher votre vidéo, puis accédez à l’outil d’insertion de blocs.

Dans le panneau de blocs, recherchez et cliquez sur le bloc Vidéo pour qu’il soit ajouté à votre publication. Là aussi, vous pouvez utiliser la zone de recherche pour le trouver rapidement.Insérer le bloc Vidéo à Gutenberg à l'aide l'outil d'insertion de blocs

Besoin d'une solution de stockage en ligne ?

LWS vous conseille sa formule de stockage Cloud Drive en promotion à -50% (offre à partir de 3,99€ par mois au lieu de 7,99 €). Non seulement vos données sont stockées en France mais vous profitez en plus d’un support exceptionnel.

Découvrir l'offre

Insérer une vidéo dans le bloc Vidéo Gutenberg

L’étape suivant l’ajout du bloc Vidéo est l’intégration de la vidéo que vous envisagez de partager avec votre lectorat dans votre publication. Il existe trois façons d’insérer votre vidéo :

  • Téléverser : cette option permet de choisir une vidéo depuis votre espace de stockage local et le charger dans l’éditeur.
  • Médiathèque : avec cette deuxième option, vous choisissez une vidéo déjà chargée précédemment dans votre médiathèque.
  • Insérer à partir d’une URL : cette troisième option permet de charger la vidéo à partir d’une source externe comme YouTube…

En fonction de l’endroit de stockage actuel de votre vidéo, choisissez l’option adaptée, puis suivez les étapes pour télécharger votre vidéo.Bloc Vidéo Gutenberg Voici à quoi peut ressembler le chargement d’une vidéo sur Gutenberg à partir d’un emplacement local.Chargement d'une vidéo sur Gutenberg

Vous disposez ainsi d’une barre d’outils avec quelques outils spécifiques pour optimiser la présentation de votre vidéo.

Voyons en détail ces outils spécifiques.

Définir la dimension et la position de la vidéo

Vous disposez premièrement de l’outil « Dimension » pour choisir la largeur de votre bloc Vidéo. La vidéo peut être affichée dans une largeur de 650 px, 1000 px ou occuper toute la largeur de la page (Option déconseillée pour de raisons SEO).

Depuis l’outil « Dimension », vous pouvez également choisir la position de votre vidéo, c’est-à-dire la centrer, la positionner à gauche ou à droite.Choisir une dimension pour le bloc Vidéo Gutenberg

Ajouter une légende à une vidéo

La barre d’outils du bloc Vidéo contient aussi un outil permettant d’ajouter une légende à votre vidéo. Cliquez dessus et renseignez votre légende sous votre vidéo dans la zone prévue.Ajouter une légende à une vidéo Gutenberg

Ajouter des pistes de textes à votre vidéo

Le troisième outil, Pistes de textes, vous permet d’améliorer la lecture de votre vidéo par les visiteurs en ajoutant un fichier contenant des sous-titres, une légende et éventuellement une description.

En cliquant dessus, vous avez deux possibilités pour insérer votre fichier.

  • L’option « Ouvrir la médiathèque » vous permet de choisir le fichier contenant les pistes de textes directement dans votre médiathèque.
  • Téléverser : ici, vous devez choisir un fichier depuis votre espace de stockage système.

Pistes de textes du bloc Vidéo GutenbergUne fois que le fichier est téléchargé, vous devez définir, un libellé, la langue ainsi que le type de fichier. Pour ce qui est de type de fichier, vous avez le choix entre les valeurs suivantes :

  • Sous-titres
  • Légendes
  • Descriptions
  • Chapitres
  • Métadonnées

Enfin, vous avez l’outil « Remplacer » permettant de remplacer la vidéo ajoutée par une nouvelle.Outil Remplacer de la barre d'outils du bloc Vidéo Gutenberg

Vous pouvez charger une nouvelle vidéo à partir de votre médiathèque, d’un emplacement local ou à partir d’une URL.

Besoin d'un serveur privé virtuel VPS sécurisé ?

LWS vous conseille sa formule d’hébergement sur VPS en promotion à -75% (offre à partir de 4,99€ par mois au lieu de 19,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l'offre

Configurer les options de lecture de votre vidéo

Une fois que vous avez fini d’insérer votre vidéo et ses pistes de textes, vous devez accéder aux paramètres du bloc afin de personnaliser les options de lecture.

Dans les réglages du bloc, vous avez les options suivantes :

  • Lecture automatique : si cette option est activée, la lecture de la vidéo sera automatique une fois que le visiteur parcourt la page.
  • Répéter : cette option active la lecture répétée et automatique de la vidéo
  • En sourdine : si cette option est activée, le son de la vidéo ne sera pas diffusé. Les utilisateurs peuvent cependant se servir des commandes de lectures pour réactiver le son.
  • Commandes de lecture : cette option permet d’activer les commandes de lecture du lecteur de la vidéo comme lecture/pause, niveau du son, sous-titrage, plein écran, etc.
  • Lancer dans le lecteur : avec cette option, la vidéo est jouée en incise, c’est-à-dire au sein de la zone de lecture de l’élément.

Dans la même section, vous pouvez précharger certains éléments de la vidéo, comme des métadonnées ou encore ajouter une image de couverture à votre vidéo. Options de lecture de vidéos GutenbergEnfin, dans l’onglet « Style », vous pouvez ajuster la marge interne ou externe de votre bloc Vidéo.Appliquer une marge interne ou externe au bloc Vidéo Gutenberg

Trucs et astuces


Découvrez davantage d’astuces et de tendances sur le monde du web en visitant notre Blog ! Nous y ajoutons constamment de nouveaux contenus pour vous aider à rester à la pointe.

Conclusion

En conclusion, le bloc Vidéo de Gutenberg offre aux utilisateurs de WordPress un moyen puissant et flexible d’intégrer des vidéos dans leurs contenus. Grâce à cet outil, vous pouvez non seulement améliorer l’engagement de votre audience, mais aussi enrichir l’esthétique et améliorer la communication sur votre site. Avec les conseils et astuces partagés dans cet article, vous êtes maintenant équipé pour utiliser ce bloc de manière efficace et professionnelle. Alors, lancez-vous🤗 et donnez vie à vos pages avec du contenu vidéo captivant !

Avez-vous des questions ou des préoccupations sur la façon d’utiliser le bloc Vidéo sur Gutenberg ? N’hésitez à nous écrire dans la section dédiée aux commentaires.

Besoin d’un hébergement WordPress rapide et de qualité ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l’offre

Avatar de l'auteur

Auteur de l'article

Joseph

Bonjour, je m'appelle Joseph. Je suis rédacteur spécialisé dans WordPress, PrestaShop et d'autres CMS. Fort d'une expertise approfondie en PHP et MySQL, je partage mes connaissances à travers des tutoriels simples et accessibles. Passionné par le développement et la transmission de savoir, j'aime expliquer et rendre les concepts techniques compréhensibles pour tous

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (2)

08/11/2023 - 08:23
Karen
2023-11-08 08:42:48

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.