Video Viewer

This article explains the features of the Video Viewer block and how it can be used to display video content directly in your app.

Use Cases

1. Training Material: Embed training videos for employees to watch directly within the app.
2. Product Demos: Display product demonstration videos for customers or clients.
3. Event Recaps: Share video recaps of company events or conferences.

Editing the Block

Click on the Video Viewer block to start editing on the panel that appears on the right side.

Label

The label is the name of the block that the end user sees in the app.

Example: Video Tutorial

Description

The description is additional information provided to the end user, displayed below the video. You can also leave this blank if not necessary.

Example: Watch this video for an overview of our product features.

Attach Files

Drag and drop a video file or click to upload a file for the Video Viewer. Only one video can be uploaded per block, and standard video file formats like MP4, AVI, and MOV are supported.
Any other file types uploaded that are not videos, will give an error “unsupported file type”.

Advanced Options

Display this field if

Use this option to show or hide the field under specific conditions. It accepts the standard Clappia formulae, similar to conditional sections or in the ‘Calculations & Logic’ block.

1. Type @ to get a list of all the fields you have added in the app and select the relevant field or type @ followed by the field name.
2. Use these field variables to write spreadsheet-like formulae for conditional display of the field in the app.

Block Width

Desktop View: Set the width of the PDF Viewer block in the desktop view. Options are 100%, 75%, 50%, or 25%.

Mobile View: Set the width of the PDF Viewer block in the mobile view. Options are 100% or 50%.

Using the Block in App Home

Once configured, the video is directly accessible in App Home, where users can:

• Play and Pause the video at any time.
• Download the video for offline viewing.
• Use Playback Speed to control the speed of the video.
• Picture-in-Picture (PiP) Mode: Minimize the video to a smaller, movable window while using other parts of the app.
• Maximize the video to view in full-screen mode.

Note

•  If you need to display documents or other file types instead of videos, consider using the Attached Files block or other attachment blocks.
• If you need your user to be able to upload documents, you can use the Camera, Images & Files block instead.