---
description: Le composant vidéo vous permet de lire des vidéos dans votre application.
---

# Video (Vidéo)

## Vue d'ensemble

* Présentation et Limitations
* Paramètres des vidéos
* Modifier la taille de la vidéo
* Mise en marche automatique
* Changer de vidéo
* Pause ou non pause

## Présentation et Limitations

Le composant vidéo vous permet de lire dans votre application des vidéos qui sont stockées dans le nuage ou dans votre application. Les utilisateurs de l'application peuvent facilement mettre la vidéo en pause, revenir en arrière ou faire une avance rapide grâce au lecteur intégré.

Veuillez noter que les fichiers vidéo peuvent être assez volumineux et peuvent dépasser la [limite de 50 Mo](../../create-new-project/untitled) pour les applications.

![](https://549775582-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fthunkable%2F-MSk01gWN-H5N_Iw8n__%2F-MSk0EqRj0s7Z20Q_5_t%2F1.png?generation=1612492111887405\&alt=media)

## **Paramètres des vidéos**

Il existe plusieurs façons de définir une source vidéo dans votre application :

1. **Téléchargez une vidéo sur votre application.** Attention à la limite de [taille de l'application](../../create-new-project/untitled) Thunkable 50 MB
2. **Fournir un lien vers la vidéo.** Le lien doit se terminer par .mp4, .mov, ... donc les vidéos téléchargées sur YouTube et d'autres sites de partage de vidéos peuvent ne pas fonctionner.

Veuillez noter que la composante vidéo n'est pas recommandée pour la diffusion de contenu vidéo en direct.

## **Modifier la taille de la vidéo**

Vous pouvez définir la hauteur de la vidéo en utilisant la propriété de hauteur et sa largeur en utilisant la propriété de largeur.

**`Height` (Hauteur)**

* **Fill container (par défaut) -** La vidéo remplit l'écran entier verticalement
* **Fit contents -** La hauteur de la vidéo change en fonction du contenu qu'elle contient
* **Relative Size -** La vidéo remplit le pourcentage spécifié de l'écran
* **Absolute Sizr-** Taille de la vidéo en fonction d'un nombre déterminé de pixels

**`Width` (Largeur)**

* **Fill container (par défaut) -** La vidéo remplit tout l'écran horizontalement
* **Fit contents -** La largeur de la vidéo change pour s'adapter au contenu qu'elle contient
* **Relative Size -** La vidéo remplit le pourcentage spécifié de l'écran
* **Absolute Size-** Taille de la vidéo à un nombre de pixels spécifié

## **Mise en marche automatique**

Pour activer la lecture automatique d'une vidéo, il suffit de basculer la propriété **Play** sur **True**

![](https://549775582-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fthunkable%2F-MSk01gWN-H5N_Iw8n__%2F-MSk0EqSCXkKqKq9ticC%2F2.png?generation=1612492111878893\&alt=media)

## **Changer de vidéo**

Si vous souhaitez créer un lecteur vidéo [comme cet exemple d'application](https://x.thunkable.com/copy/f915eb9a227c4214f5f6c4521d31a86c), vous pouvez changer la source vidéo lorsqu'un événement se produit, par exemple lorsque vous cliquez sur le bouton Suivant. Si vous indexez vos vidéos dans LocalDB, vous pouvez modifier la vidéo affichée à l'aide des blocs ci-dessous :

![Blocs d'un exemple d'application de lecteur vidéo](https://549775582-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fthunkable%2F-MSk01gWN-H5N_Iw8n__%2F-MSk0EqTMIDbZyV_j2ob%2F3.png?generation=1612492111888561\&alt=media)

## **Pause et reprise de la vidéo**

Le moyen le plus simple de permettre à l'utilisateur de mettre en pause ou de reprendre une vidéo est le lecteur vidéo intégré.

Il est également possible de mettre une vidéo en pause dans l'éditeur de blocs. Pour ce faire, vous pouvez utiliser des blocs comme ceux présentés ci-dessous :

{% hint style="warning" %}
Pour les développeurs Android, nous recommandons d'utiliser le lecteur vidéo intégré pour mettre en pause et reprendre les vidéos. L'utilisation des blocs ci-dessous réinitialisera la vidéo au début de la vidéo (et non à l'endroit où elle a été lue en dernier)
{% endhint %}

![](https://549775582-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fthunkable%2F-MSk01gWN-H5N_Iw8n__%2F-MSk0EqUyCQbxm8WUIJ_%2F4.png?generation=1612492111885801\&alt=media)
