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.

Cela a-t-il répondu à votre question ? Merci pour les commentaires Il y a eu un problème pour soumettre vos commentaires. Veuillez réessayer plus tard.