Le composant Vidéo plein écran
Le composant Vidéo plein écran est utile lorsque vous souhaitez afficher une vidéo en plein écran : la vidéo occupe entièrement l'écran, s'affichant au-dessus de l'interface utilisateur de l'application. Une croix permet de refermer la vidéo.
Ce composant ne fonctionne pas sur Safari via un appareil iPhone ou iPad.
⚡️ TEMPLATE DISPONIBLE : Vidéo plein écran
Ajoutez ce template en quelques clics à votre compte. Modifiez et personnalisez-le en toute liberté.
Import de la vidéo
Avant d'insérer une vidéo en plein écran, vous devez d'abord importer le fichier vidéo dans la fenêtre Fichiers. Vous pouvez importer divers formats tels que MP4, AVI, WMV, MOV, FLV, MKV, MPG, MPEG. Si vous souhaitez utiliser une vidéo hébergée sur YouTube ou Vimeo, optez pour le composant URL Media Player.
Insertion de la Vidéo plein écran
Cliquez sur Composants et insérez le composant Vidéo Plein Ecran.
Votre composant apparaît dans la fenêtre des Objets. C'est un objet non graphique, il n'est pas éditable visuellement.
Pour visualiser la vidéo et ajouter des marqueurs, cliquez sur la flèche qui apparaît au hover dans la liste des Objets. Utilisez le fil d'Ariane pour ressortir.
Propriétés de la Vidéo plein écran
Voici les différentes propriétés que vous pouvez configurer :
- Source : sélectionnez le fichier vidéo à lire.
- Qualité : choisissez la qualité de votre vidéo : SD (240p), SD (360p), MD (480p), HD Ready (720p), Full HD (1080p) ou UHD 4K (2160p).
- Recherche de haute précision : activez cette option pour permettre une navigation précise dans la vidéo, notamment pour la création de marqueurs précis. Attention : cette option impacte le poids de la vidéo
- Début/Fin : si vous souhaitez ++%£ une séquence spécifique, définissez le début et la fin de votre vidéo. L’unité est la seconde.
Déclencher une action depuis une Vidéo plein écran
Votre vidéo plein écran peut déclencher une action.
Sélectionnez votre composant et rendez-vous dans l'onglet Actions.
Cliquez sur le bouton + pour choisir un déclencheur :
- Ouverture
- Fermeture
Ajouter une action sur une Vidéo plein écran
Vous pouvez ajouter une ou plusieurs actions sur votre vidéo plein écran. Par exemple, il est nécessaire d'ajouter une action pour lancer la vidéo plein écran. Vous pouvez créer un bouton ou définir un déclenchement automatique.
Choisissez le déclencheur de votre choix et l'action Agir sur un composant. Voici la liste des actions disponibles :
- Ouvrir le lecteur
- Fermer le lecteur
⚠️ Attention : de nombreux navigateurs web (Firefox, Chrome) bloquent les vidéos en lecture automatique quand elles se lancent sans interaction utilisateur. Pour y remédier, il faut soit enlever le son de ces vidéos, soit ajouter une action utilisateur (par exemple un bouton).
Synchroniser une vidéo plein écran
Vous pouvez synchroniser votre vidéo plein écran avec un autre composant (Minuteur, Audio...) et choisir de synchroniser :
- Temps
- Volume
- Vitesse
Ces paramètres sont accessibles depuis la fenêtre Propriétés du composant Synchronisation.