Articles on: Blocks Creator
This article is also available in:

⬜ Video Display

⬜ Video Display


The Video Display block allows you to display a video in full screen or in overlay from an internal resource. It is ideal for integrating cinematic sequences, tutorials or “cutscene” type introductions into an interactive journey.


This block pauses or overlays the underlying interactivity with a video player, managing its own lifecycle until completed or canceled by the user.


📥 Entries


  • video (Video Resource): Video file imported into the project's internal resources. To be distinguished from the Video from URL block which uses external sources.
  • allow_skip (Boolean): Enables the user to skip the video via a cross at the top right of the player.
  • volume (Number): Sound level of the video (value between 0 and 1).
  • loop_play (Boolean): Determines whether the video should be played in a loop.


📤 Outings


  • finished (Stream): Activates when the video ends naturally or when the user uses the skip function (if enabled). Allows you to resume the narrative flow.


💡 Example of use


Scenario: Cinematic introduction with optional skip


  1. User clicks “Start Adventure” from the main menu.
  2. The stream immediately goes to the Video Display block.
  3. The video "intro_cinematic.mp4" (internal resource) is selected with the parameters: allow_skip = true, volume = 0.8, play_loop = false.
  4. The video is displayed in full screen. The user can:
  • Watch it until the end (2 min 30 s) → exit finished activated automatically.
  • Click on the skip cross after 30 seconds → exit finished activated immediately.
  1. In both cases, the flow continues to a Text block reading "Chapter 1: The Beginning".


⚙️ Technical Details

  • Browser restrictions: Videos with sound cannot automatically start on certain browsers (iOS Safari, Chrome) without prior user interaction. It is recommended to trigger this block after a user click (button, menu, etc.) to avoid silent blocking.
  • Resource management: Videos must be optimized for the web (MP4/H.264 formats recommended) and preloaded into project resources to avoid latencies.

Updated on: 04/03/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!