Vidéo
Ajoute une vidéo à l'application afin d'améliorer son interactivité.
Liaison de données
Vous pouvez définir ou modifier les liaisons de données pour la vue dans les propriétés Général. La vidéo peut être liée à une variableString .Propriétés de configuration
Sous Configuration, définissez ou modifiez les propriétés d'apparence et de comportement de la vue.
- Taille de l'écran
- Une propriété de configuration comportant l'icône Tailles d'écran
en regard du nom de la propriété peut avoir des valeurs différentes pour chaque taille d'écran. Si vous ne définissez pas de valeur, la taille de l'écran hérite de la valeur de taille d'écran supérieure suivante comme valeur par défaut.
- Définitions de thème
- Les définitions de thème spécifient les couleurs et les styles d'une vue et déterminent son apparence. Vous pouvez prévisualiser l'apparence des vues dans l'éditeur de thème. Voir Thèmes.
Les propriétés de configuration de l'apparence du contrôle Vidéo s'affichent dans le tableau suivant :
| Propriété de configuration de l'apparence | Description | Type de données |
|---|---|---|
| Largeur |
Indique la largeur de la vue. Vous pouvez spécifier cette largeur en px (pixels), % (pourcentage), ou en unités em. Par exemple, 50px, 20%ou 0.4em. Si aucun type d'unité n'est spécifié, celui-ci est supposé être px. | String |
| Hauteur |
Spécifie la hauteur de la vue. Vous pouvez spécifier sa hauteur en px (pixels), % (pourcentage), ou unités em. Par exemple, 50px, 20%ou 0.4em. Si aucun type d'unité n'est spécifié, celui-ci est supposé être px. | String |
| Image d'affiche | URL de l'image de l'affiche. | String |
Les propriétés de configuration du comportement du contrôle Vidéo s'affichent dans le tableau suivant :
| Propriété de configuration du comportement | Description | Type de données |
|---|---|---|
| Type de source vidéo | Type de vidéo. Sélectionnez MP4, WEBM, FLV et M3U8. | String |
| Préchargement automatique | Lorsque cette option est activée, les données vidéo commencent à se charger dès que la vue se charge. | Boolean |
| Lecture automatique | Lorsque cette option est activée, la lecture de la vidéo commence dès que la vue est chargée. | Boolean |
Utilisez les propriété de configuration des pistes pour fournir du texte à déclenchement horaire à l'afficheur. Les propriétés de configuration des pistes du contrôle Vidéo s'affichent dans le tableau suivant :
| Propriétés de configuration des pistes | Description | Type de données |
|---|---|---|
| source_Filename | Nom du fichier texte contenant le texte de la piste. Le fichier doit être au format WebVTT et doit être ajouté en tant qu'actif géré dans la bibliothèque. | String |
| languageCode | Code à deux lettres de la langue de la piste de texte. Vous devez utiliser une balise de langue
BCP 47 valide. Par exemple, en pour l'anglais. |
String |
| label | Libellé de la piste affiché pour l'utilisateur. Par exemple, le libellé s'affiche en tant qu'option dans un menu répertoriant les différentes langues disponibles pour les sous-titres. | String |
| type | Type de piste. Les types pris en charge sont les sous-titres, les légendes et les chapitres. | String |
| Par défaut | Sélectionnez l'option par défaut pour afficher la langue qui est définie dans cette piste par défaut. Par exemple, vous pouvez définir une piste pour l'anglais, une autre pour le français et une autre pour l'allemand. Vous pouvez définir l'une de ces pistes comme piste par défaut. Si vous ne définissez pas de piste par défaut, l'afficheur doit sélectionner la langue à partir du menu de légendes ou de sous-titres. | Booléen |
Evénements
Vous pouvez définir ou modifier des gestionnaires d'événements pour la vue dans l'onglet Evénements. Vous pouvez définir des événements à déclencher par programmation ou lorsqu'un utilisateur interagit avec la vue. Pour plus d'informations sur la manière de définir et de coder des événements, voir Evénements définis par l'utilisateur. La vidéo comporte les types de gestionnaires d'événements suivants:- On load: activé lorsque la vue est chargée, par exemple
me.setWidth(${DeviceSensor}.getDeviceInfo().clientWidth)
Méthodes
Pour plus d'informations sur les méthodes disponibles pour le contrôle Vidéo, voir Vidéo JavaScript API.
Ressources supplémentaires
Pour plus d'informations sur la création d'un coach ou d'une page, voir Génération de coaches.
Pour plus d'informations sur les propriétés standard (Général, Configuration, Positionnement, Visibilitéet Attributs HTML), voir Afficher les propriétés.