Utilisation des widgets > 2D > Vidéo
  
Vidéo
A quoi sert ce widget ?
Le widget Vidéo vous permet d'inclure une vidéo dans une expérience. Les formats de fichier pris en charge sont les suivants :
.mp4
.webm
Quand faut-il utiliser ce widget ?
Comporte-t-il des propriétés, services, événements ou actions spéciaux ?
Pour afficher la liste des propriétés, services et événements communs des widgets, consultez la rubrique Propriétés, services et événements communs à plusieurs widgets.
Le tableau suivant comporte une liste des propriétés spécifiques à ce widget.
Propriété
JavaScript
Type
Description
Source vidéo
videosrc
resource url
Pour inclure une vidéo, vous pouvez effectuer l'une des opérations suivantes :
Cliquez sur en regard du champ pour ajouter un nouveau fichier vidéo.
Entrez ou copiez et collez une URL de vidéo directement dans le champ.
Sélectionnez un fichier vidéo dans le menu déroulant.
Pour plus d'informations sur la liaison à un média distant, consultez la rubrique Liaison à un média distant.
Afficher les contrôles
showcontrols
boolean
Choisissez d'afficher ou non les contrôles.
Précharger
preload
string
Permet de sélectionner les éléments à précharger :
Contenu
Métadonnées seulement
Aucun
Lecture en cours
isPlaying
boolean
Indique si la vidéo est en cours de lecture ou non.
Service
JavaScript
Description
Lecture
play
Permet de lire la vidéo.
Pause
pause
Met la vidéo en pause.
Evénement
JavaScript
Description
Lecture démarrée
playStarted
Déclenché lorsque la vidéo commence.
Lecture en pause
playPaused
Déclenché lorsque la vidéo est mise en pause.
Lecture terminée
playEnded
Déclenché lorsque la vidéo se termine.
Fonctionnement du widget
Voici un exemple de ce à quoi peut ressembler votre widget !
Etapes minimales requise pour l'utilisation
Apparence
1. Faites glisser et déposez un widget Vidéo sur le canevas.
2. Sélectionnez ou ajoutez une ressource vidéo dans le champ Source vidéo.
* 
Dans cet exemple, nous avons choisi d'afficher le contenu immédiatement lors de l'ouverture de l'expérience en sélectionnant Contenu dans la liste déroulante Précharger du volet DETAILS.