> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://katalyz.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Widget Vidéo

Utilisez le widget **Vidéo** pour intégrer des vidéos — messages de bienvenue, démos produit, témoignages clients. Collez une URL hébergée (YouTube, Loom, Vimeo, et bien d'autres) ou uploadez un fichier directement.


![](https://storage.crisp.chat/users/helpdesk/website/-/5/5/4/8/554891f22af0b400/screenshot-2026-06-16-at-17383_m9tpam.png =797xauto)



## Comment l'ajouter

1. Dans la **barre d'édition** en bas de l'éditeur, repérez le widget — dans la rangée des widgets principaux, ou sous le popover **⌄ Tous les widgets** s'il n'y est pas.
2. Glissez le widget **Vidéo** sur la section cible.
3. Soit **collez une URL** (YouTube, Loom, Vimeo, et bien d'autres), soit **uploadez un fichier** (depuis votre ordinateur ou la Bibliothèque de contenu).
4. Configurez la mise en page et les légendes depuis le menu flottant (voir ci-dessous).

## Sources prises en charge

* **YouTube** — vidéos publiques ou non répertoriées
* **Loom** — privées et publiques
* **Vimeo** — avec les autorisations d'intégration standard
* **…et bien d'autres** — si une plateforme prend en charge les URL d'intégration/iframe standard, cela devrait fonctionner
* **Upload direct** — pour du contenu auto-hébergé (MP4, WebM)

## Le menu flottant — contrôles vidéo

Cliquez sur la vidéo pour la sélectionner. Le menu au-dessus reflète celui du [Widget Image](→ 02-rooms/03-widgets-content-storytelling/03-image-widget#the-selection-pill-image-controls), de gauche à droite :

1. **Taille** — menu déroulant avec **Petit / Moyen / Grand**.
2. **🌙 Mode sombre (légendes)** — bascule. Bascule le bloc de légendes sur un fond sombre avec texte clair.
3. **Modifier la ressource** (icône curseurs) — ouvre la **popup d'édition** avec le titre, les légendes et l'action **Remplacer la vidéo**.
4. **Remplacer la vidéo** (icône actualiser) — raccourci pour changer la source (URL ou fichier) sans ouvrir la popup d'édition complète. Le contenu des légendes et les réglages de design sont préservés.
5. **Design** (icône pinceau) — ouvre le Panneau Design contextuel (Mise en page & coins / Espacement / Fond / Bordure / Effets).
6. **Agrandir au clic** (icône flèches diagonales) — bascule. Lorsque activé, cliquer sur la vidéo dans l'espace rendu ouvre la visionneuse en plein écran.
7. **⋮ Plus** — Modifier la ressource (idem que l'icône curseurs) · **Dupliquer** · **Supprimer**.


![](https://storage.crisp.chat/users/helpdesk/website/-/5/5/4/8/554891f22af0b400/screenshot-2026-06-16-at-17411_g15dvi.png)

## Taille — Petit / Moyen / Grand

La taille contrôle la disposition de la vidéo et de ses légendes l'une par rapport à l'autre — pas une largeur fixe. Le widget peut toujours être librement redimensionné par la suite :

* **Petit** — la disposition la plus compacte. La vidéo réelle **n'est pas** affichée — seule l'**icône de type de fichier** est placée à côté des légendes. Idéal pour une référence sur une ligne dans une liste.
* **Moyen** — un petit aperçu (miniature) de la vidéo d'un côté, les légendes de l'autre (côte à côte).
* **Grand** — l'intégration vidéo prend le dessus, avec les légendes empilées en dessous.

> **Note :** lorsque la vidéo est en taille **Petit ou Moyen**, la **légende de titre est toujours affichée** — quel que soit l'état de la bascule Titre. La bascule ne contrôle l'affichage que lorsque la vidéo est en taille **Grand**.

## Modifier la ressource — légendes et contenu

S'ouvre via l'icône curseurs du menu flottant (ou le même élément dans le menu ⋮ Plus). Cette popup est l'endroit où vivent le contenu des légendes de la vidéo et son remplacement :

* **Nom** — le **titre** de la vidéo (affiché comme légende Titre lorsqu'affiché)
* **Sous-titre** — une courte ligne secondaire sous le titre
* **Citation** — un bloc de citation mis en avant
* **Auteur** — nom affiché sous la citation
* **Avatar de l'auteur** — image uploadée affichée à côté du nom de l'auteur
* **Remplacer la vidéo** — bouton pour changer la source (URL ou fichier) sans perdre le contenu de vos légendes ni vos réglages de design

## Une seule vidéo par widget

Un widget = une vidéo. Pour une playlist ou une comparaison, ajoutez plusieurs widgets Vidéo côte à côte (le réglage de Compaction de la section contrôle l'espacement).

## Remplacer la vidéo plus tard — préserver le design

Lorsque vous changez le contenu pour un nouveau deal (ou que vous mettez à jour un modèle), **remplacez la vidéo à l'intérieur du widget existant** au lieu de supprimer le widget et d'en ajouter un nouveau. Pourquoi :

* Tous les **réglages de design** — taille, padding, rayon, fond, bordure, ombre — restent intacts.
* Tout le **contenu des légendes** (titre, sous-titre, citation, auteur) reste en place sauf si vous le modifiez.
* Vous gagnez du temps + votre espace reste visuellement cohérent.

Pour remplacer : sélectionnez la vidéo, puis cliquez sur l'icône **actualiser** du menu flottant (ou **Modifier la ressource → Remplacer la vidéo** dans la popup) → collez une nouvelle URL ou choisissez le nouveau fichier.

## Sources vidéo

* **Upload depuis votre ordinateur** — le plus simple pour les vidéos personnelles ponctuelles
* **Bibliothèque de contenu** — réutilisez une vidéo dans plusieurs espaces (voir [Ajouter des assets à la bibliothèque](https://katalyz.crisp.help/fr/article/ajouter-des-elements-a-la-bibliotheque-79uxyj/))
* **URL externe** — intégrez depuis YouTube / Loom / Vimeo / et bien d'autres

## Bonnes pratiques par cas d'usage

### Vidéo de bienvenue (intro)
* **30 à 90 secondes**
* **Personnalisée** — mentionnez le nom de l'acheteur et son entreprise
* **Une qualité décontractée convient** — un Loom depuis votre bureau vaut mieux qu'une pub sur-produite

### Démo produit
* **3 à 5 minutes**
* **Concentrée sur 2 à 3 fonctionnalités clés**, pas une visite complète
* **Intégrée depuis Loom** pour bénéficier des analytics de visionnage

### Témoignage client
* **1 à 2 minutes**
* **Résultat concret** ("Nous avons réduit le temps d'onboarding de 3 semaines à 5 jours")
* Associez-le à la légende **Citation** pour un impact maximal

## Articles liés
* [Introduction aux widgets](https://katalyz.crisp.help/fr/article/introduction-aux-widgets-1e90glq/)
* [Widget Image](https://katalyz.crisp.help/fr/article/widget-image-1nnpv3d/)
* [Widget Enregistrement](https://katalyz.crisp.help/fr/article/widget-enregistrement-566tdn/)
* [Ajouter des assets à la bibliothèque](https://katalyz.crisp.help/fr/article/ajouter-des-elements-a-la-bibliotheque-79uxyj/)