Comment intégrer une vidéo sous Divi ?

Dans le builder Divi, vous avez la possibilité d’intégrer des vidéos dans vos pages ou dans vos articles et ainsi, éviter d’obliger l’internaute à quitter votre page pour aller regarder la vidéo sur YouTube en suivant le lien que vous aurez partagé.

Nous avons plusieurs possibilités pour intégrer une vidéo sur notre page, soit :

  • — Dans une nouvelle section
  • — Dans une nouvelle rangée
  • — Ou comme ici dans un nouveau module
builder divi nouveau module

Nous allons commencer par ajouter un nouveau module puis sélectionner le module vidéo.

tuto insertion video divi

Ensuite nous allons effectuer des réglages dans le module vidéo.

Sur Divi, nous avons la possibilité d’ajouter un fichier vidéo MP4 ou une URL YouTube

divi vidéo URL you tube

Néanmoins,

Je vous déconseille de stocker des vidéos sur vos sites internet pour les raisons suivantes :

  • Les vidéos utilisent de l’espace de stockage alloué par l’hébergeur de votre site
  • Elles provoquent également un ralentissement du temps de chargement de vos pages

Intégrer une URL YouTube

Pour se faire,

  • — Aller sur la roue crantée
  • — Aller chercher le lien de la vidéo
  • — Insérer à partir d’une URL
vidéo divi

Vous pouvez effacer le “http” qui est proposé et ajouter l’URL.

Puis Insérer dans la publication.

vidéo url divi

Image de superposition

Il est possible de mettre une image en superposition qui servira d’aperçu visuel aux internautes.

Pour se faire :

  • — Soit nous récupérons l’image déjà prête dans la médiathèque
  • — Soit nous pouvons créer cette image en cliquant sur «  Générer à partir de la vidéo »
image superposition divi

En générant une image à partir de la vidéo, nous obtenons un visuel de la vidéo comme ci-joint

image superposition

Personnalisation du bouton de lecture

Nous avons également la possibilité de personnaliser le bouton de lecture YouTube

Pour cela,

  • — Aller dans Style
  • — Jouer l’icône
  • — Sélectionner la couleur souhaitée
personnalisation bouton lecture

Vous pouvez retrouver l’ensemble de ces manipulations dans le tuto vidéo ci-dessous

Autres articles qui pourraient vous plaire

Comment proposer la livraison gratuite sur WooCommerce ?

Comment proposer la livraison gratuite sur WooCommerce ?

Lorsque vous créez votre page et vos articles, vous remarquez que sur la page qui présente vos articles, vos images mises en avant ne sont pas toutes de la même dimension. Certaines images mises en avant peuvent être plus grandes ou plus petites que les autres, ce qui affecte l’esthétique globale de votre site. Suivez mes conseils pour harmoniser la dimension de vos images et rendre votre page encore plus attrayante.

lire plus
Optimisez l’apparence de votre blog WordPress en redimensionnant la taille de vos images mises en avant

Optimisez l’apparence de votre blog WordPress en redimensionnant la taille de vos images mises en avant

Lorsque vous créez votre page et vos articles, vous remarquez que sur la page qui présente vos articles, vos images mises en avant ne sont pas toutes de la même dimension. Certaines images mises en avant peuvent être plus grandes ou plus petites que les autres, ce qui affecte l’esthétique globale de votre site. Suivez mes conseils pour harmoniser la dimension de vos images et rendre votre page encore plus attrayante.

lire plus
Quelles sont les différentes étapes à suivre pour mettre à jour la version PHP chez votre hébergeur OVH ?

Quelles sont les différentes étapes à suivre pour mettre à jour la version PHP chez votre hébergeur OVH ?

Le tableau de bord de votre WordPress vous indique que vous devez effectuer la mise à jour de PHP car vous êtes sur une ancienne version. Vous ne savez pas comment faire et quel risque pour votre site internet. Suivez le pas à pas très simple qui va vous permettre de mettre à jour en toute sécurité les fichiers php de votre hébergement web, que vous ayez un site WordPress ou sur un autre CMS.

lire plus