Dernières nouvelles de SeedProd

Tutoriels, conseils et ressources WordPress pour développer votre activité

Comment intégrer une vidéo dans WordPress

Comment intégrer une vidéo dans WordPress (3 façons simples) 

Écrit par : avatar de l'auteur Stacey Corrin
avatar de l'auteur Stacey Corrin
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.
     Reviewed By : avatar de l'évaluateur Turner John
avatar de l'évaluateur Turner John
John Turner est le cofondateur de SeedProd. Il a plus de 20 ans d'expérience dans le domaine des affaires et du développement et ses plugins ont été téléchargés plus de 25 millions de fois.

Lorsque je crée une page d'atterrissage à fort taux de conversion, ma première pensée est presque toujours d'y inclure une vidéo. C'est le moyen le plus rapide d'instaurer la confiance, mais seulement s'il est transparent pour l'utilisateur.

Vous souhaitez obtenir un aspect professionnel sans avoir à vous battre avec le code ou les lecteurs qui se chargent lentement. La bonne nouvelle, c'est qu'il est facile d'intégrer des vidéos dans WordPress si vous connaissez les bonnes étapes.

Dans ce guide, je vous présenterai les trois méthodes directes que j'utilise en permanence. Nous éviterons les maux de tête et passerons directement à la solution.

TL;DR : Dans WordPress, ouvrez l'article ou la page dans l'éditeur de blocs, collez l'URL de votre vidéo depuis YouTube ou Vimeo, et WordPress l'intégrera automatiquement. Pour plus de contrôle, utilisez un constructeur de pages comme SeedProd ou un plugin vidéo dédié.

Pourquoi ajouter des vidéos à votre site WordPress ?

82 % des spécialistes du marketing vidéo font état d'une augmentation du trafic web après avoir ajouté des vidéos à leur contenu. C'est une bonne raison de commencer à utiliser la vidéo sur votre site WordPress.

82% des spécialistes du marketing affirment que le contenu vidéo a augmenté le trafic sur le web

Les vidéos attirent rapidement l'attention, gardent les visiteurs sur votre site plus longtemps et peuvent rendre votre message plus clair et plus convaincant.

Les moteurs de recherche récompensent les sites web qui offrent une expérience utilisateur riche. L'ajout de vidéos de haute qualité peut contribuer au référencement de votre site WordPress et permettre aux internautes de vous trouver plus facilement.

De plus, la vidéo rend votre contenu plus accessible aux visiteurs qui préfèrent regarder plutôt que lire, ce qui vous permet de toucher un public plus large.

Dois-je télécharger des vidéos directement sur WordPress ?

Il est préférable d'intégrer des vidéos provenant de plateformes telles que YouTube ou Vimeo plutôt que de les télécharger directement sur WordPress.

Bien que vous puissiez télécharger des vidéos dans votre médiathèque, je ne vous le recommande pas. Chez SeedProd, nous intégrons toujours les vidéos à la place, et voici pourquoi :

  • Fichiers volumineux - Les vidéos occupent beaucoup d'espace de stockage et peuvent ralentir votre site, ce qui nuit à l'expérience de l'utilisateur et au référencement.
  • Utilisation importante de la bande passante - La diffusion de vidéos en continu utilise d'importantes ressources du serveur. Si votre plan d'hébergement comporte des limites, vous risquez de les atteindre rapidement et de devoir faire face à des coûts supplémentaires.
  • Opportunités de trafic supplémentaire - Le téléchargement sur des plateformes telles que YouTube ou Vimeo vous permet d'atteindre leur public et d'envoyer davantage de visiteurs sur votre site.

L'intégration ou l'utilisation d'un plugin vidéo WordPress est le moyen le plus efficace de maintenir la rapidité et l'accessibilité de votre site tout en augmentant sa portée.

Comment intégrer une vidéo dans WordPress : 3 façons

Il existe plusieurs façons d'intégrer une vidéo dans WordPress, mais elles ne sont pas toujours aussi simples qu'elles en ont l'air. Ci-dessous, je vais partager avec vous 3 des solutions les plus simples pour ajouter une vidéo sur WordPress sans avoir besoin de connaissances techniques.

Intégrer une vidéo dans les articles et les pages de WordPress (méthode de l'éditeur de blocs)

L'éditeur de blocs WordPress, ou Gutenberg, offre un moyen simple d'intégrer des vidéos dans vos articles et pages WordPress. Sa fonction d'intégration automatique récupère automatiquement le code d'intégration de la vidéo à partir de plateformes d'hébergement vidéo telles que YouTube, Vimeo, et plus encore.

Tout d'abord, vous aurez besoin de l'URL de la vidéo que vous souhaitez intégrer. Si vous utilisez une plateforme comme YouTube, accédez à la vidéo et copiez l'URL dans la barre d'adresse. Vous pouvez également cliquer sur l'icône de partage et copier l'URL de la vidéo à partir de là.

Copier l'URL de la vidéo

Ensuite, naviguez jusqu'à l'article ou la page où vous souhaitez ajouter la vidéo et cliquez sur "Modifier" pour ouvrir l'éditeur de blocs de WordPress.

Cliquez n'importe où dans l'éditeur de blocs de WordPress et collez l'URL que vous avez copiée précédemment. Une fois que vous aurez collé l'URL de la vidéo, WordPress récupérera automatiquement le code d'intégration et affichera la vidéo dans l'éditeur de contenu.

Comment intégrer une vidéo dans WordPress en utilisant auto-embed

Ensuite, vous pouvez personnaliser la vidéo en cliquant sur les options de la barre d'outils contextuelle. Par exemple, vous pouvez modifier la largeur de la vidéo, l'alignement, les légendes, le rapport hauteur/largeur, etc.

Personnaliser l'auto-emebd d'une vidéo dans WordPress

WordPress ne peut intégrer automatiquement que les plates-formes figurant sur la liste blanche:

  • Amazon
  • Dailymotion
  • Facebook
  • Imgur
  • Instagram
  • Reddit
  • SoundCloud
  • Spotify
  • Twitter
  • Vimeo
  • YouTube
  • Et plus encore.

Si vous souhaitez intégrer des vidéos provenant de sites web ne figurant pas sur la liste blanche, vous devrez copier et coller le code HTML complet de la vidéo.

Il suffit d'ajouter un nouveau bloc appelé Custom HTML et de coller le code de la vidéo.

Ajoutez le code HTML d'intégration de la vidéo à l'aide du bloc Custom HTML de WordPress.

La dernière tâche consiste à enregistrer et à publier votre article ou votre page pour mettre la vidéo en ligne.

Comment ajouter une vidéo à un site WordPress en utilisant l'auto-embed

Si vous utilisez encore l'éditeur classique, vous pouvez copier l'URL de la vidéo et la coller directement dans l'éditeur WordPress. Comme auparavant, la vidéo se chargera automatiquement.

Comment intégrer une vidéo dans l'éditeur classique de WordPress

Ajoutez de la vidéo n'importe où sur votre site WordPress avec SeedProd

Si vous recherchez une approche plus personnalisée pour intégrer des vidéos dans WordPress, SeedProd offre une solution simple mais puissante. 

SeedProd Constructeur de site web WordPress Drag and Drop

SeedProd est le meilleur constructeur de site web drag-and-drop pour WordPress. Grâce à son éditeur visuel convivial, vous pouvez facilement ajouter des vidéos à n'importe quelle section de votre site Web, comme les pages d'atterrissage, les descriptions de produits, ou même votre page d'accueil.

Tout d'abord, vous devez installer et activer le plugin SeedProd.

Pour obtenir de l'aide, vous pouvez consulter notre documentation sur l'installation de SeedProd. Elle explique comment télécharger, installer et activer le plugin et votre clé de licence.

Désormais, vous pouvez ajouter des vidéos à votre site web en utilisant le constructeur de pages par glisser-déposer de SeedProd.

Ajouter des vidéos à une page d'atterrissage WordPress

Avec SeedProd, ajouter une vidéo à votre page d'atterrissage est un jeu d'enfant. Naviguez vers SeedProd " Landing Page Builder depuis votre tableau de bord WordPress et créez une nouvelle page d'atterrissage ou modifiez une page WordPress existante. 

Ajouter une nouvelle page d'atterrissage à WordPress en utilisant SeedProd

Une fois que vous êtes dans le constructeur de pages, vous avez deux options pour intégrer du contenu vidéo. Vous pouvez utiliser le bloc vidéo standard ou le bloc vidéo pop-up avancé.

Ajout du bloc vidéo

Pour utiliser le bloc vidéo, trouvez-le dans la barre latérale gauche et faites-le glisser sur la mise en page de votre page d'atterrissage. 

Glisser-déposer le bloc vidéo SeedProd

Vous pouvez choisir entre deux sources vidéo dans les paramètres du bloc : YouTube et Personnalisé.

Comment intégrer une vidéo dans WordPress en utilisant le bloc vidéo SeedProd

La source YouTube vous permet de coller un lien vidéo YouTube et d'intégrer automatiquement le code vidéo. Vous pouvez ensuite personnaliser la largeur, l'alignement et la visibilité de la vidéo sur les ordinateurs de bureau ou les appareils mobiles en quelques clics.

Si vous sélectionnez l'option Personnalisé, vous pouvez intégrer une vidéo dans WordPress sans passer par YouTube. Pour ce faire, vous devez copier et coller le code d'intégration de la vidéo dans le champ Code vidéo personnalisé.

paramètres de la source vidéo personnalisée

Ajout du bloc vidéo pop-up

Le bloc Video Pop Up de SeedProd offre beaucoup plus d'options de personnalisation que le bloc standard. Vous pouvez le trouver dans la barre latérale des blocs avancés, puis le glisser-déposer sur votre page.

Bloc vidéo SeedProd

Dans les paramètres du bloc, il existe plusieurs options de source vidéo.

Vous pouvez intégrer automatiquement du contenu vidéo provenant de YouTube ou de Vimeo en collant le lien de la vidéo.

Les popups vidéo bloquent les sources de média

L'option Personnalisé vous permet également de télécharger une vidéo à partir de votre ordinateur ou de coller un lien vidéo à partir d'un site web externe.

Chargement d'une vidéo personnalisée via la bibliothèque multimédia de WordPress

Après avoir choisi la source vidéo, vous pouvez personnaliser le lecteur vidéo en activant différentes fonctions, notamment :

Options de personnalisation du lecteur vidéo
  • Lecture automatique : Activez ou désactivez l'option de lecture automatique lorsque des personnes visitent la page.
  • Muet : Coupe le son de la vidéo à l'ouverture de la page.
  • Boucle : La vidéo est lue en boucle.
  • Afficher les commandes du lecteur : Afficher les options permettant aux utilisateurs de sauter, de mettre en pause, d'arrêter et de lire la vidéo.
  • Marque modeste : Masquez l'image de marque de YouTube dans votre lecteur vidéo.
  • Mode vie privée : Empêche YouTube ou Vimeo de stocker les informations des visiteurs à moins qu'ils ne lisent la vidéo.
  • Chargement paresseux : améliorez le temps de chargement de votre page en chargeant les vidéos après le chargement de la page.
Paramétrage de WordPress Sticky video dans SeedProd

En outre, l'activation de la fonction de vidéo collante garantit que lorsque les utilisateurs visitent cette page, la vidéo reste collée au bas de l'écran lorsqu'ils font défiler la page.

Exemple de vidéo collante dans WordPress

C'est un moyen fantastique d'améliorer l'expérience de l'utilisateur et de stimuler l'engagement.

Enfin, le bloc de fenêtres contextuelles vidéo comporte une option de superposition vidéo, qui vous permet de télécharger une vignette vidéo et une icône de lecture personnalisées.

Ajouter une vignette personnalisée aux vidéos dans WordPress avec SeedProd

Vous pouvez même activer l'option Lightbox pour que la vidéo s'ouvre dans une fenêtre contextuelle Lightbox lorsque l'utilisateur clique dessus.

Exemple de boîte à lumière vidéo dans WordPress

Pour un guide de personnalisation complet, consultez notre tutoriel sur la création d'une page d'atterrissage vidéo dans WordPress.

Lorsque vous êtes satisfait de vos personnalisations de vidéos et de pages d'atterrissage, cliquez sur le bouton Enregistrer et publier pour mettre les modifications en ligne.

Publiez votre page d'atterrissage sur WordPress avec SeedProd

Voici un exemple de la vidéo finale après l'avoir ajoutée à WordPress avec SeedProd :

Exemple d'ajout d'une vidéo sur un site WordPress avec SeedProd

Intégrer une vidéo dans votre thème WordPress

SeedProd ne sert pas seulement à créer des pages d'atterrissage; vous pouvez également l'utiliser pour créer et personnaliser différentes parties de votre thème WordPress. Cela inclut la page d'accueil, l'en-tête, le pied de page, la barre latérale, la page de blog et même les pages de commerce électronique.

Vous pouvez apprendre à le faire en suivant ce guide sur la création d'un thème WordPress.

L'ajout de vidéos à différentes parties de votre thème WordPress suit des étapes similaires à celles de l'option de page d'atterrissage. Tout ce que vous avez à faire est de visiter SeedProd " Theme Builder et d'éditer n'importe quel modèle de thème.

Parties du modèle de thème SeedProd

Par exemple, vous pouvez ouvrir le modèle de barre latérale et glisser sur l'un des blocs vidéo pour intégrer une vidéo dans votre barre latérale WordPress.

Ajouter une vidéo au modèle de barre latérale de SeedProd

Voici ce que cela donnerait après avoir enregistré les modifications :

Exemple d'ajout d'une vidéo dans la zone des widgets de la barre latérale de WordPress

Vous pouvez également modifier le modèle de pied de page pour ajouter un nouveau contenu vidéo à vos widgets de pied de page.

Ajouter des vidéos aux widgets du pied de page de WordPress avec SeedProd

C'est aussi simple que cela, et cela n'implique pas de coder à partir de zéro ou d'embaucher un développeur.

Utiliser les plugins vidéo de WordPress pour intégrer et personnaliser les vidéos

Si vous recherchez des fonctionnalités plus avancées ou si vous avez des besoins spécifiques que l'éditeur de blocs de WordPress ou SeedProd ne peuvent pas satisfaire, un plugin WordPress spécialisé dans l'intégration de vidéos peut être la meilleure solution.

Smash Balloon YouTube Feed Pro

Pour cela, nous recommandons le plugin YouTube Feed Pro de Smash Balloon, le meilleur plugin de galerie vidéo YouTube pour WordPress. Il vous permet d'intégrer des vidéos de chaînes YouTube dans une galerie personnalisable. 

Le plugin peut importer automatiquement de nouvelles vidéos, combiner des flux vidéo, ajouter une fonctionnalité de diffusion en direct, intégrer une liste de lecture YouTube, etc. Les vidéos intégrées à YouTube comprennent également des boutons "J'aime" et "Partager", des commentaires et des réactions pour renforcer la preuve sociale au sein même du widget vidéo.

Exemple de galerie vidéo d'une chaîne YouTube dans WordPress

Pour en savoir plus, vous pouvez consulter ce guide sur la façon d'intégrer des vidéos YouTube dans WordPress.

FAQ sur l'intégration de vidéos dans WordPress

Quels sont les formats vidéo qui fonctionnent le mieux avec WordPress ?
WordPress supporte les formats vidéo MP4, WebM et OGG. Le format MP4 est le plus compatible et le plus recommandé, car il est compatible avec la plupart des navigateurs et des appareils. Le format WebM offre des fichiers plus petits pour un chargement plus rapide, tandis que le format OGG est utile pour les projets open-source, mais sa prise en charge par les navigateurs est limitée. Si vous téléchargez directement, optez pour le format MP4, qui offre le meilleur équilibre entre qualité et compatibilité.
Puis-je lire automatiquement des vidéos dans WordPress ?
Oui, mais les navigateurs comme Chrome et Safari bloquent souvent la lecture automatique à moins que la vidéo ne soit mise en sourdine. Pour améliorer l'expérience de l'utilisateur et respecter les normes d'accessibilité, les vidéos en lecture automatique doivent démarrer sans le son et inclure des commandes de lecture visibles. De nombreux constructeurs de pages et plugins vidéo, dont SeedProd, vous permettent de basculer facilement les paramètres de lecture automatique et de mise en sourdine.
Comment optimiser la vitesse de chargement des vidéos ?
Pour accélérer le chargement des vidéos, activez la fonction "lazy loading" (chargement paresseux) afin qu'elles ne se chargent que lorsque l'utilisateur les fait défiler. Compressez les fichiers vidéo avant de les télécharger ou utilisez des plateformes d'hébergement optimisées comme YouTube ou Vimeo. Vous pouvez également utiliser un réseau de diffusion de contenu (CDN) pour diffuser les vidéos à partir de serveurs plus proches de vos visiteurs, ce qui réduit la mise en mémoire tampon et améliore la vitesse de lecture.
Comment ajouter des sous-titres aux vidéos intégrées ?
Les sous-titres améliorent l'accessibilité pour les utilisateurs malentendants et peuvent stimuler l'engagement. Si vous intégrez une vidéo provenant de YouTube ou de Vimeo, vous pouvez activer les sous-titres dans les paramètres du lecteur ou télécharger un fichier SRT (SubRip Subtitle) directement sur la plateforme. Pour les vidéos auto-hébergées, vous pouvez ajouter des sous-titres à l'aide de la fonction <track> à l'intérieur du code d'intégration de la vidéo. Veillez toujours à ce que les sous-titres soient exacts et synchronisés avec l'audio pour une meilleure expérience de visionnage.

Plus de guides utiles sur WordPress

J'espère que ce guide vous a aidé à apprendre comment intégrer des vidéos dans WordPress. Quelle que soit la méthode que vous choisissez, l'ajout de vidéos peut renforcer l'engagement des utilisateurs, améliorer le référencement et diversifier le contenu de votre site.

Si vous cherchez d'autres moyens d'améliorer votre site WordPress, les guides suivants pourront vous être utiles :

Merci de votre lecture ! Nous aimerions connaître votre avis, alors n'hésitez pas à laisser un commentaire pour nous faire part de vos questions et de vos réactions.

Vous pouvez également nous suivre sur YouTube, X (anciennement Twitter) et Facebook pour obtenir d'autres contenus utiles au développement de votre entreprise.

avatar de l'auteur
Stacey Corrin Rédacteur
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, il se peut que nous recevions une commission. Nous ne recommandons que des produits dont nous pensons qu'ils apporteront une valeur ajoutée à nos lecteurs.