Vidéos

Pour mettre une vidéo dans WordPress, la règle est simple : hébergez-la sur une plateforme (YouTube, Vimeo) et collez son lien dans votre page, WordPress fait le reste. Envoyer le fichier vidéo dans la médiathèque est à réserver aux très courts clips. Cette page détaille les deux méthodes, le cas des vidéos privées, et l'effet des vidéos sur la vitesse du site et les cookies.

Copiez l'adresse de la vidéo, collez-la seule dans un nouveau paragraphe de l'éditeur : WordPress la transforme automatiquement en lecteur intégré. Vous pouvez aussi passer par le bloc YouTube, le bloc Vimeo ou le bloc générique Contenu embarqué, qui font la même chose.

Ce mécanisme d'intégration automatique fonctionne aussi avec Dailymotion, TikTok, TED, VideoPress et d'autres services. Pour YouTube, seules les vidéos publiques ou non répertoriées et les playlists peuvent être intégrées : une vidéo privée ne s'affiche pas.

Les avantages de cette méthode :

• la plateforme supporte le stockage et la diffusion, pas votre hébergement ;

• la qualité s'adapte à la connexion de chaque visiteur ;

• la vidéo peut aussi être trouvée sur YouTube ou Vimeo, et renvoyer vers votre site.

Techniquement, WordPress accepte les fichiers vidéo. En pratique, c'est rarement une bonne idée :

• le poids : quelques minutes de vidéo en bonne qualité représentent souvent des centaines de mégaoctets, et la taille maximale de téléversement fixée par votre hébergeur bloque vite l'envoi ;

• la bande passante : chaque lecture télécharge le fichier depuis votre serveur, ce qui peut ralentir tout le site, voire dépasser les limites d'un hébergement mutualisé ;

• pas de qualité adaptative : le même fichier est servi à tous, sur fibre comme sur mobile en 4G ;

• les sauvegardes grossissent d'autant (voir les sauvegardes WordPress).

Pour une courte séquence, par exemple une animation en arrière-plan ou une démonstration de quelques secondes, le bloc Vidéo lit un fichier de la médiathèque. Le lecteur de WordPress prend en charge les formats MP4, M4V, WebM et OGV ; le MP4 (codec H.264) est le plus compatible.

Les réglages du bloc :

• Lecture automatique, Boucle et Muet : pour une vidéo d'ambiance, les trois vont ensemble, car les navigateurs bloquent en général la lecture automatique d'une vidéo avec le son ;

• Lecture en ligne : lit la vidéo dans la page sur mobile, au lieu de l'ouvrir en plein écran ;

• Contrôles de lecture : affiche ou masque les boutons ;

• Préchargement : « Auto » télécharge tout le fichier dès l'ouverture de la page, ce qui la ralentit ; préférez « Métadonnées » ou « Aucun » ;

• Image de prévisualisation : l'image affichée avant la lecture, à choisir si la première image de la vidéo n'est pas représentative ;

• Pistes de texte : des sous-titres au format WebVTT (.vtt), pour l'accessibilité et pour les visiteurs qui regardent sans le son.

Si vous utilisez Divi, son module Vidéo et la lecture automatique sont détaillés dans Divi video autoplay.

Une vidéo YouTube « non répertoriée » n'est pas protégée : toute personne qui a le lien peut la regarder et la partager. Pour des vidéos de formation payantes ou internes, il faut :

• un service d'hébergement vidéo qui permet de restreindre la lecture à votre site, comme Vimeo dans ses offres payantes ou le service de streaming de Bunny.net ;

• un plugin d'espace membres qui réserve les pages concernées aux utilisateurs autorisés (exemple : Paid Memberships Pro).

Un lecteur YouTube intégré charge de nombreux scripts, même si personne ne lance la vidéo. Plusieurs vidéos sur une même page peuvent nettement ralentir son affichage.

• Depuis la version 5.7, WordPress ajoute le chargement différé (loading="lazy") aux iframes, à condition qu'elles aient une largeur et une hauteur : le lecteur n'est alors chargé qu'à l'approche de la vidéo lors du défilement.

• Une « façade » va plus loin : la page affiche seulement l'image de la vidéo avec un bouton de lecture, et le vrai lecteur n'est chargé qu'au clic. Des plugins de performance le proposent, comme WP Rocket (remplacement des iframes YouTube par une image d'aperçu) ou Perfmatters.

Plus de pistes dans les performances WordPress.

Un lecteur YouTube ou Vimeo intégré est chargé depuis les serveurs de la plateforme, qui peut déposer des cookies et suivre la navigation du visiteur. Le mode « confidentialité avancée » de YouTube (adresse youtube-nocookie.com dans le code d'intégration) limite l'usage de ces données, mais ne règle pas forcément la question du consentement. Les outils de gestion du consentement peuvent bloquer les vidéos tant que le visiteur ne les a pas acceptées : voir le consentement pour l'utilisation des cookies.

Les autres médias sont traités dans la rubrique médias de WordPress, y compris l'audio.