> For the complete documentation index, see [llms.txt](https://nanoxi.gitbook.io/starterkitv4/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nanoxi.gitbook.io/starterkitv4/widgets/liste-des-widgets/video.md).

# Vidéo

Ce widget permet d'intégrer des vidéos YouTube, Vimeo ou directement des fichiers MP4 sur votre page.

<figure><img src="/files/hxzAE8103fx5AZYrqCi9" alt=""><figcaption><p>Exemple</p></figcaption></figure>

### Emplacement autorisé

* [ ] Racine
* [x] Colonne

### Onglet « Contenu »

<figure><img src="/files/bNq2Xv4OJqVF8vUAXQx9" alt=""><figcaption><p>Onglet Contenu</p></figcaption></figure>

| Vidéo                                                         |
| ------------------------------------------------------------- |
| Première possibilité, sélection du fichier source de la vidéo |

| Vignette                                                                                                                                                                                                                                            |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <p>Image illustrant la vidéo<br>Elle permet de substituer la miniature de la vidéo en question et est affichée tant que l'utilisateur n'appuie pas sur le bouton lecture ou pendant le téléchargement de la vidéo si elle est en mode auto-play</p> |

| URL de la vidéo                                                                 |
| ------------------------------------------------------------------------------- |
| Seconde possibilité, lien de la vidéo YouTube ou Vimeo comme source de la vidéo |

{% hint style="warning" %}
Si un lien YouTube est renseigné, le format du lien doit être le suivant:

<https://youtu.be/wDchsz8nmbo?si=5aNFAab-jEaqpxlX>

Sur la vidéo, cliquez sur Partager > Copier le lien

<img src="/files/drIzx83yJI5x1B2UtR89" alt="" data-size="original">
{% endhint %}

### Onglet « Paramètres »

L'onglet Paramètres sert à spécifier/personnaliser en détail l'affichage de la vidéo, son comportement et son style.

<figure><img src="/files/ZMOGq6aNaw14VW14PVAf" alt=""><figcaption><p>Onglet Paramètres</p></figcaption></figure>

**Contenu et apparition**

Les propriétés des deux sous-onglets Contenu et Apparition sont disponibles sur la page des propriétés récurrentes.

{% content-ref url="/pages/IlrFEWLFWJMDXUtERhvC" %}
[Propriétés récurrentes](/starterkitv4/widgets/proprietes-recurrentes.md)
{% endcontent-ref %}

#### **Vidéo MP4**

<table><thead><tr><th width="302">Nom</th><th>Description</th></tr></thead><tbody><tr><td>Autoplay</td><td>Lis automatiquement la vidéo</td></tr><tr><td>Muet</td><td>Enlève le son de la vidéo</td></tr><tr><td>Répéter la vidéo</td><td>Rejoue de manière infinie la vidéo</td></tr><tr><td>Cacher les commandes de la vidéo</td><td>Cache les commandes tels que la pause, la timeline, le temps de la vidéo</td></tr></tbody></table>

#### **Commandes cachées**

<figure><img src="/files/ghxlD4SKQHSz6i7Q4vq5" alt=""><figcaption><p>Exemple avec les commandes cachées</p></figcaption></figure>

#### **Autoplay**

<figure><img src="/files/kTXkPCzTJzg13iPJv8cs" alt=""><figcaption><p>Exemple d'autoplay à la fin d'une vidéo</p></figcaption></figure>

#### **Répéter la vidéo**

<figure><img src="/files/W8XPqSYJyrtDjSIIm9XB" alt=""><figcaption><p>Exemple avec un refresh de la page</p></figcaption></figure>