Blocs multimédias standard

Référence pour les blocs Éditeur de page → Médias. Ces quatre blocs permettent de sélectionner des ressources dans Médias (ainsi que des URL de vidéos externes lorsque cela est indiqué).

Architecture de base et champs

Bloc	Source multimédia	Caractéristiques principales
Image	Sélecteur Médias ou URL	Format d’image, ajustement à l’objet, largeur/hauteur, alt/titre, opacité, échelle, chargement différé, lien facultatif
Vidéo	Vidéo de Médias ou URL	Préréglages de format d’image, image d’affiche, hébergée (Bunny) ou URL externe
Lightbox vidéo	Médias + image d’affiche	Format d’image (par ex. 16:9), image d’affiche, ouvre un lecteur en plein écran au clic
Arrière-plan vidéo	Média : vidéo + image d’affiche	Boucle, lecture automatique, son coupé (recommandé pour les navigateurs), possibilité de déposer du contenu en superposition à l’intérieur de la section

Image

Affiche une image fixe responsive. Les attributs incluent :

• Format d’image — préréglages (auto, carré, portrait, paysage, etc.) avec synchronisation de l’éditeur avec le canevas.
• Ajustement de l’objet — couverture, contenance et comportement de recadrage associé.
• Texte alternatif et titre pour l’accessibilité et le référencement.
• Opacité et échelle pour des ajustements subtils du design.
• Choisir une image ouvre la fenêtre modale de la bibliothèque Médias.

Idéal pour : insertions rédactionnelles, photos d’équipe, schémas entre des sections de texte.

Vidéo

Intègre un lecteur HTML5 en ligne (standalone-video). Les attributs incluent :

• URL de la vidéo depuis Médias ou collage d’un lien externe.
• Vignette Poster depuis Médias ou générée automatiquement à partir de l’enregistrement vidéo.
• Format d’image — grand écran et autres préréglages ; respecte la hauteur maximale du contenu de la page.
• Type de vidéo — hébergée sur la plateforme ou flux externe.

Idéal pour : bandes-annonces intégrées, extraits de cours, démonstrations de processus au sein d’une colonne.

Lightbox vidéo

Affiche une affiche/vignette sur la page ; un clic ouvre une expérience de lecture en plein écran. Les attributs comprennent :

• URL de la vidéo et affiche issues de la section Médias.
• Format d’image pour l’image de prévisualisation (par ex. 16:9).

Idéal pour : des bandes-annonces cinématographiques sans charger de lecteur lourd tant que le visiteur n’a pas interagi.

Arrière-plan vidéo

Un bloc au niveau de la section : une vidéo en boucle derrière le contenu au premier plan que vous placez dans la section (titres, boutons, colonnes). Les attributs incluent :

• URL de la vidéo et image d’affiche provenant de la section Médias.
• Commutateurs Lecture automatique, Boucle et Son coupé (la lecture automatique avec le son coupé est la norme selon les politiques des navigateurs).
• Hauteur minimale de la section pour les bandes de type « hero ».

Idéal pour : créer une ambiance sur la page d’accueil derrière la typographie — à associer à une vidéo MP4 courte et compressée ou à une vidéo hébergée.

Restrictions du système et limites

• Les fichiers sources très volumineux ralentissent l’aperçu dans l’éditeur et le LCP en production : privilégiez les vidéos compressées et des dimensions d’image raisonnables.
• Les URL de vidéos externes doivent être accessibles aux visiteurs ; les URL invalides affichent des lecteurs vides après la publication.
• L’arrière-plan vidéo ne remplace pas les légendes intégrées accessibles ; ajoutez un texte visible dans la couche de superposition.

Vérification de votre configuration

• Chaque type de bloc a été testé une fois sur une page brouillon avec la sélection Média confirmée dans les attributs.
• Le texte alternatif Image est renseigné sur les images d’en-tête ou celles situées au-dessus de la ligne de flottaison.
• Lightbox vidéo et Vidéo ont été testés sur mobile via un tapotement ou un clic.