> ## Documentation Index
> Fetch the complete documentation index at: https://storekit.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Vidéos

> Remplacez les images de menu statiques par de courtes vidéos en boucle percutantes dans storekit. Les aliments qui grésillent et les boissons qui coulent captent l'attention et augmentent les taux de conversion.

Les vidéos produit remplacent l'image standard des articles du menu, donnant vie à vos plats grâce au mouvement. Une courte vidéo de viande qui grésille, de fromage qui bouillonne ou d'une boisson parfaitement versée capte l'attention et stimule les commandes d'une manière que les images statiques ne peuvent pas.

<video autoPlay muted loop playsInline className="w-full rounded-xl shadow-lg" src="https://ucarecdn.com/206e7831-6474-4585-ba85-6045bc63f78f/videos.mp4" />

## Comment fonctionnent les vidéos produit

Lorsque vous attachez une vidéo à un article du menu, elle remplace automatiquement l'image du produit :

* **Lecture automatique** lorsqu'elle est visible à l'écran
* **Boucle continue** - pas de bouton de lecture nécessaire
* **Muette par défaut** - respecte l'expérience utilisateur
* **Retour à la miniature** - affiche une image poster pendant le chargement

Les vidéos sont hébergées sur notre CDN et diffusées en utilisant une technologie de bitrate adaptatif ; elles se chargent donc rapidement et sont de qualité sur toute connexion.

## Exigences techniques

### Spécifications vidéo

| Spécification                  | Exigence                                  |
| ------------------------------ | ----------------------------------------- |
| **Format**                     | MP4 (codec H.264)                         |
| **Ratio d'aspect**             | 1:1 (carré) ou 16:9 (paysage)             |
| **Résolution**                 | 1080p recommandé (1920x1080 ou 1080x1080) |
| **Durée**                      | 3 à 10 secondes idéalement                |
| **Longueur maximale**          | 30 secondes                               |
| **Taille maximale du fichier** | 100 Mo                                    |
| **Fréquence d'images**         | 24-30 fps                                 |

<Warning>
  **Évitez les vidéos verticales (9:16) pour les articles du menu.** Les vidéos verticales poussent le titre, la description et le prix de l'article vers le bas sur les appareils mobiles, créant une mauvaise expérience de navigation. Gardez le contenu vertical pour les [Stories](/docs/fr/guides/menu-engineering/stories).
</Warning>

### Pourquoi carré ou paysage ?

Les vidéos produit occupent le même espace que les images produit, qui s'affichent en carré sur le menu. Une vidéo carrée (1:1) s'adapte parfaitement. Le paysage (16:9) fonctionne aussi - il sera recadré ou avec des bandes noires selon la mise en page.

| Ratio d'aspect      | Idéal pour                                                          |
| ------------------- | ------------------------------------------------------------------- |
| **1:1 (Carré)**     | Articles du menu - s'adapte parfaitement à l'emplacement de l'image |
| **16:9 (Paysage)**  | Bannières héroïques, prises plus larges                             |
| **9:16 (Vertical)** | Stories uniquement - pas pour les vidéos produit                    |

## Qu'est-ce qui fait une bonne vidéo produit

### Faites court

Les meilleures vidéos produit durent **3 à 6 secondes**. Vous ne racontez pas une histoire - vous créez un moment d'appétit. Montrez la prise héroïque et passez à autre chose.

### Concentrez-vous sur le mouvement

Capturez ce qui donne vie au plat :

* **Vapeur qui monte** des plats chauds
* **Fromage qui file** sur une pizza ou un burger
* **Sauce qui coule** sur une assiette finie
* **Bulles qui pétillent** dans les boissons
* **Grésillement** sur une poêle chaude
* **Ouverture** d'articles croustillants pour révéler l'intérieur

### Montage compatible boucle

Puisque les vidéos bouclent en continu, montez-les de manière transparente :

* Évitez les débuts ou fins brusques
* N'incluez pas de repères audio qui se répètent de manière discordante
* Envisagez un fondu subtil ou une action qui se réinitialise naturellement
* Testez comment cela rend lorsqu'il boucle 3 à 4 fois

## Astuces de tournage

### Équipement

Vous n'avez pas besoin de matériel professionnel - un smartphone moderne fonctionne très bien :

* **Utilisez l'appareil photo arrière** - meilleure qualité que le frontal
* **Nettoyez votre objectif** - les traces de doigts gâchent les prises
* **Utilisez un trépied ou une surface stable** - une vidéo tremblante paraît amateur
* **Filmez avec une bonne lumière** - les mêmes principes que la [photographie](/docs/fr/guides/menu-engineering/product-photography)

### Réglages de l'appareil photo

| Réglage                | Recommandation                                               |
| ---------------------- | ------------------------------------------------------------ |
| **Résolution**         | 1080p ou 4K (vous pouvez réduire plus tard)                  |
| **Fréquence d'images** | 30 fps pour un mouvement fluide, 60 fps pour du ralenti      |
| **Mise au point**      | Verrouillez la mise au point sur le plat avant d'enregistrer |
| **Exposition**         | Verrouillez l'exposition pour éviter le scintillement        |

### Éclairage

* **La lumière naturelle** est la meilleure - filmez près des fenêtres
* **Évitez l'éclairage mixte** - restez sur une seule température de couleur
* **Pas d'ombres dures** - utilisez une lumière diffusée ou réfléchie
* **Éclairage cohérent** - correspondez à vos photos produit

## Idées de contenu

<CardGroup cols={2}>
  <Card title="La prise héroïque" icon="star">
    Une prise simple et magnifiquement éclairée du plat fini avec une vapeur ou un mouvement subtil.
  </Card>

  <Card title="Le versement" icon="droplet">
    Sauce, jus ou vinaigrette versée sur le plat. Classique et efficace.
  </Card>

  <Card title="La révélation" icon="eye">
    Couper un burger, casser un cookie ou trancher un steak pour montrer l'intérieur.
  </Card>

  <Card title="Le grésillement" icon="fire">
    Capturez la nourriture activement en cuisson - le son peut être muet mais le grésillement visuel vend.
  </Card>
</CardGroup>

## Erreurs courantes à éviter

<AccordionGroup>
  <Accordion title="Vidéo trop longue">
    Gardez-la sous les 10 secondes. Les clients parcourent, ils ne regardent pas une émission de cuisine. Allez au moment appétissant immédiatement.
  </Accordion>

  <Accordion title="Orientation verticale">
    Les vidéos verticales 9:16 cassent la mise en page du menu sur mobile. Utilisez le carré (1:1) ou le paysage (16:9) pour les vidéos produit.
  </Accordion>

  <Accordion title="Prise tremblante">
    Utilisez un trépied, un support pour téléphone ou une surface stable. Une prise à main levée paraît non professionnelle et peut être distrayante.
  </Accordion>

  <Accordion title="Mauvais éclairage">
    Les vidéos sombres ou mal éclairées ne mettent pas en appétit. Suivez les mêmes principes d'éclairage que la photographie produit.
  </Accordion>

  <Accordion title="Trop de choses qui se passent">
    Concentrez-vous sur un seul moment - un versement, un grésillement, une révélation. Les vidéos chargées avec plusieurs actions sont déroutantes.
  </Accordion>

  <Accordion title="Mauvaise première image">
    La miniature (poster) est générée à partir de la première image. Commencez votre vidéo par une prise appétissante, pas par un écran noir ou un logo.
  </Accordion>
</AccordionGroup>

## Bases du montage

Vous n'avez pas besoin de logiciel professionnel. Les applications mobiles gratuites comme CapCut, InShot ou l'application Photos intégrée peuvent :

* **Couper** aux meilleurs 3 à 6 secondes
* **Recadrer** au ratio d'aspect carré
* **Ajuster** la luminosité et le contraste
* **Exporter** en 1080p au format MP4

### Réglages d'export

Lors de l'export de votre vidéo finale :

* **Format** : MP4
* **Codec** : H.264
* **Résolution** : 1080x1080 (carré) ou 1920x1080 (paysage)
* **Bitrate** : 8-12 Mbps pour la qualité
* **Audio** : Peut être inclus mais sera muet à la lecture

## Téléverser des vidéos

Pour ajouter une vidéo à un article du menu :

1. Allez dans **Menu** dans votre tableau de bord storekit
2. Sélectionnez le produit auquel vous souhaitez ajouter une vidéo
3. Dans la section média, cliquez sur **Add Video**
4. Téléversez votre fichier MP4
5. Prévisualisez le rendu et enregistrez

<Tip>
  Commencez par vos best-sellers. Ajouter une vidéo à vos 5 à 10 meilleurs articles a l'impact le plus important sur les commandes sans nécessiter une séance photo complète du menu.
</Tip>

## Vidéo vs Stories

| Fonctionnalité     | Vidéos produit                        | Stories                                 |
| ------------------ | ------------------------------------- | --------------------------------------- |
| **Emplacement**    | Remplace l'image du produit           | Carrousel en haut du menu               |
| **Ratio d'aspect** | Carré ou paysage                      | Vertical (9:16)                         |
| **Durée**          | 3 à 10 secondes                       | Jusqu'à 60 secondes                     |
| **Audio**          | Muet                                  | L'utilisateur peut activer le son       |
| **CTA**            | Aucun (le clic ouvre l'article)       | Ajouter au panier, voir l'article, etc. |
| **Idéal pour**     | Mettre en avant des plats individuels | Storytelling, promos, coulisses         |

<Info>
  Vous voulez créer des expériences vidéo immersives en plein écran ? Consultez les [Stories](/docs/fr/guides/menu-engineering/stories) pour du contenu vidéo vertical avec des CTA interactifs.
</Info>


## Related topics

- [Créer des stories menu avec du contenu vidéo et des CTA](/docs/fr/guides/marketing/stories.md)
- [Ajouter et configurer les produits du menu](/docs/fr/guides/menu/products.md)
- [Stratégie et bonnes pratiques des stories](/docs/fr/guides/menu-engineering/stories.md)
- [Photographie de produits](/docs/fr/guides/menu-engineering/product-photography.md)
- [Suivi des événements](/docs/fr/privacy-security/event-tracking.md)