Aller au contenu
Mistral Studio

Vidéo

Ajouter la vidéo de fond du hero et le showreel, et intégrer n'importe quelle vidéo avec le module lightbox.

Mis à jour le 23 août 2026 · 3 min de lecture · S'applique à partir de la version 1.0.0

Aucun fichier vidéo n'est inclus dans le theme — le téléversement d'un theme HubSpot n'accepte pas les .mp4, et une URL de vidéo d'un autre compte ne fonctionnerait pas dans le vôtre. Le hero de la page d'accueil est donc livré avec une image poster fixe, et la carte showreel reste masquée tant que vous ne lui donnez pas de vidéo.

Ajouter la vidéo du hero

  1. Téléversez votre MP4 dans Marketing → Fichiers et modèles → Fichiers (le Gestionnaire de fichiers). Gardez la vidéo de fond sous 3 Mo environ, muette et sans piste audio ; un export de 1280 px de large suffit pour un fond.
  2. Ouvrez la page d'accueil dans l'éditeur et sélectionnez le module Full screen hero with background video and showreel card.
  3. Dans le groupe Background, réglez Background sur Looping video et choisissez votre fichier dans Background video (MP4).
  4. Conservez aussi une image poster : elle s'affiche avant le démarrage de la vidéo, chaque fois que les animations sont coupées, et c'est généralement la plus grande image de la page — exportez-la large et légère.
  5. Optionnel : Show showreel card (dans le groupe Display) est déjà activé. Ouvrez le groupe Showreel card et renseignez Showreel video (MP4), un Showreel poster, un titre de carte et une durée ou légende. La carte ouvre une lightbox avec commandes et son. Sans vidéo, la carte n'est pas affichée — c'est pourquoi elle est invisible sur une installation neuve alors que l'interrupteur est actif.

Si vous préférez ne pas utiliser de vidéo du tout, réglez Background sur Image ou Solid color ; le hero est conçu pour les trois cas.

Intégrer une vidéo n'importe où : Video poster with play button and lightbox

Une image poster avec un bouton de lecture centré qui ouvre la vidéo dans une lightbox accessible avec commandes et son. Video source :

  • MP4 file — un fichier de votre Gestionnaire de fichiers.
  • Embed URL — l'URL d'intégration d'un hébergeur de vidéos (l'adresse que l'hébergeur fournit pour une intégration en iframe). Le lecteur n'est chargé qu'à l'ouverture de la lightbox.

Titre et sous-titre optionnels, sur ou sous le poster ; ratio du poster (16/9, 4/3, 1/1, 21/9), taille du bouton de lecture, rayon des coins. La lightbox se ferme avec la touche Échap et rend le focus au bouton de lecture ; ses libellés sont modifiables dans Accessibility labels.

Garder des vidéos légères

  • Vidéo de fond : sous 3 Mo environ, sans piste audio, une résolution adaptée à l'affichage (1280 px suffisent).
  • Showreel ou vidéo intégrée : préférez une intégration hébergée pour les vidéos longues ; conservez une image poster dans tous les cas — c'est ce que les visiteurs voient en premier et ce que les moteurs indexent.

Voir aussi