Thunkable FR
  • 👋 Bienvenue dans Thunkable
  • 👶Pour Commencer
    • S'inscrire
    • Votre page de projets Thunkable
    • Tutoriels
    • L'application Thunkable Live
  • 🆕Créer un nouveau projet
    • Modifier les paramètres du projet
    • Actifs et taille des projets
    • Exemples de projets Thunkable
    • Galerie publique des projets
  • 🛠️ Composants
    • 🔘Interface Utilisateur
      • Button (Bouton)
      • Label (Etiquette)
      • Text Input (Saisie de texte)
      • List Viewer (Visionneuse de liste) (relecture en cours)
      • Web Viewer (Visionneuse Web)
      • Switch (commutateur)
      • Slider (curseur)
      • Alert (Alerte)
      • Loading Icon (Chargement de l'icône)
      • Date Input (Saisie de la date)
      • Time Input (Saisie du temps)
      • PDF Reader (Lecteur de PDF)
      • Rating (Classement)
      • 📊Data Viewers (Visualiseurs de données)
        • Data Viewer List (Liste de visualisation de données)
        • Data Viewer Grid (Grille de visualisation des données)
        • Custom Data Viewer Layout (Disposition personnalisée du visualiseur de données)
    • 📐Mise en page
      • Top Tab Navigator (Onglet supérieur Navigateur)
      • Bottom Tab Navigator (Onglet de navigation inférieur)
      • Stack Navigator (Navigateur à pile)
      • Drawer Navigator (Navigateur à tiroir)
      • Screen (Ecran)
      • Row (Ligne)
      • Column (Colonne)
    • 🔊Voix
      • Sound (Son)
      • Audio Recorder (Enregistreur Audio)
      • Text to Speech (Texte au discours)
      • Speech Recognizer (Reconnaissance de discours)
      • Assistant by Dialogflow (Assistant par Dialogflow)
      • Translator by Yandex (Traducteur par Yandex)
    • 📷 Image
      • Image
      • Photo Library (Photothèque)
      • Camera (Appareil photo)
      • Barcode Scanner (Lecteur de codes-barres)
      • Image Recognizer (Reconnaissance d'image)
      • Animation by Lottie (Animation par Lottie)
      • Video (Vidéo)
      • Video Recorder (Enregistreur vidéo)
    • 🗄️ Stockage des Données
      • Local Storage (Stockage local)
      • LocalDB (base de données locale)
      • Airtable
      • Media DB par Cloudinary
      • RealtimeDB par Firebase
      • Web API (API Web)
      • Smart Contract by Oasis (Contrat intelligent par Oasis)
      • Blockchain Wallet by Oasis (Portefeuille Blockchain par Oasis)
    • 🌍Localisation
      • Maps By Google and Apple (Cartes de Google et Apple)
      • Location Sensor (Capteur de localisation)
    • ⏲️ Capteurs
      • Timer
      • Accéléromètre
      • Gyroscope
      • Magnétomètre
      • Bluetooth Low Energie
    • ✉️ Authentification
      • Email Sign In by Firebase (Connexion au courrier électronique par Firebase)
    • 🤝Social
      • Share (Partager)
      • Notifications Push par One Signal
    • 💲Monétisation
      • Ads by Admob (Annonces par AdMob)
    • 🎮Gaming
      • Canvas (toile)
      • Sprites
      • Canvas Label
  • 🤖Blocs
    • Control (Contrôle)
    • Logic (Logique)
    • Math
    • Text (Texte)
    • Lists (Listes)
    • Color (Couleur)
    • Objects (Objets)
    • Device (Appareil)
    • Variables
    • Functions (Fonctions)
    • "Any Component" Blocks (Blocs "Généraliste")
    • Data Sources
    • 🤖🎮Gaming Blocks (en cours)
      • Events (événements)
      • Motion (Mouvement)
      • Looks (Apparence)
      • Direction
      • Sensing (Détection)
      • Add & Remove (Ajouter et Supprimer)
      • Stage (Scène)
      • Canvas Label (Etiquette de la Toile)
  • Post-Developpement
    • 🖥️ Emulateurs et test de l'application (en cours)
    • 🔒Confidentialité des données de l'application
    • 🔗Blockchain & Data Privacy
    • ➕Faire une Copie
    • 📥Téléchargement
    • 📤Partager
    • 📱Publication
      • Publier dans l'App Store (iOS)
      • Publier sur Play Store (Android)
      • Publier en tant qu'application Web (PRO)
    • Générer des captures d'écran
    • 🔎Résolution des problèmes
      • Problèmes de connexion
      • FAQs
    • 📏Introduction à l'espacement
    • 🖼️ Introduction au dimensionnement
    • 🔤Polices
    • 💾Gérer le stockage
    • 📝Bugs et demandes de fonctionnalités
  • Non-Officiel (à faire)
    • Google, Facebook and Github Sign In/Up (à faire)
    • 4 Keys To Designing A Great Mobile App
Powered by GitBook
On this page
  • 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 et reprise de la vidéo

Was this helpful?

  1. 🛠️ Composants
  2. Image

Video (Vidéo)

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

PreviousAnimation by Lottie (Animation par Lottie)NextVideo Recorder (Enregistreur vidéo)

Last updated 4 years ago

Was this helpful?

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 pour les applications.

Paramètres des vidéos

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

  1. 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

Changer de vidéo

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 :

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)

Téléchargez une vidéo sur votre application. Attention à la limite de Thunkable 50 MB

Si vous souhaitez créer un lecteur vidéo , 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 :

📷
taille de l'application
comme cet exemple d'application
limite de 50 Mo
Blocs d'un exemple d'application de lecteur vidéo