Video Settings

Manage video sources that display in HMI pages and presentations.

Opening Video Settings

1. Click the menu icon (☰) in the top-left corner
2. Go to Settings → Video Settings

Understanding the Screen

The main screen shows all your video sources:

Column	What it shows
Thumbnail	Preview image (if set)
Name	Video name
Code	Reference number used in HMI pages
Type	MP4 or YouTube
Enable	Whether it's active
Actions	Edit, Preview, Delete buttons

Adding a Video Source

Step 1: Click Add

Click the Add button at the top of the list.

Step 2: Fill in the Details

Basic Information:

Field	What to enter
Name	A descriptive name
Code	A unique number (used to link to HMI pages)
Description	Optional notes
Enable	Check to make it active

Video Source:

Field	What to enter
Type	Choose MP4 (uploaded/URL) or YouTube
URL	The video file path or YouTube link
Thumbnail URL	Optional preview image

Playback Options:

Option	What it does
Auto Play	Video starts automatically
Loop	Video repeats when finished
Muted	Video plays without sound
Show Controls	Display play/pause buttons

Display Options:

Option	What it does
Video Fit	How the video fits its container (see below)

Step 3: Save

Click Save to create the video source.

Video Fit Modes

The Video Fit setting controls how the video appears when its size doesn't match the container:

Mode	What it does	When to use
Cover	Fills the entire area, may crop edges	When you want edge-to-edge video
Contain	Shows complete video, may show black bars	When you need to see the full video
Fill	Stretches to fit exactly	Rarely used, may distort video
None	Shows at original size	For specific size requirements
Scale-down	Like Contain, but never enlarges	For smaller videos

Choosing the Right Fit Mode

Use Cover (default) when:

• You want the video to fill the entire display area
• It's okay if some edges are cropped
• The video and container have similar proportions

Use Contain when:

• You need to see the entire video content
• Black bars on sides/top-bottom are acceptable
• The video content has important information at the edges

Uploading a Video

Step 1: Click Upload

In the edit form, click the Upload button next to the URL field.

Step 2: Select Your File

1. Click Choose File
2. Select your video file (MP4 format)
3. Wait for upload to complete

Step 3: Confirm

The URL field automatically fills with the uploaded file path.

note

Maximum file size is 200MB. Use MP4 format for best compatibility.

Using YouTube Videos

1. Set Type to YouTube
2. Paste the full YouTube URL in the URL field
   • Example: https://www.youtube.com/watch?v=dQw4w9WgXcQ
3. The video will embed directly in your HMI page

Editing a Video Source

1. Find the video in the list
2. Click the Edit button (pencil icon)
3. Make your changes
4. Click Save

Previewing a Video

1. Find the video in the list
2. Click the Preview button (eye icon)
3. A popup shows the video playing

Use this to test that your video settings are correct.

Deleting a Video Source

1. Find the video in the list
2. Click the Delete button (trash icon)
3. Confirm the deletion

warning

If this video is used in HMI pages, those pages will show an error until you update them.

Troubleshooting

Video not playing

1. Check the URL - Make sure the path or link is correct
2. Test the URL directly - Paste it in a browser to see if it works
3. Check Enable - Make sure the video source is enabled
4. Check the file - Ensure it's a valid MP4 file

Video is cropped

Change the Video Fit setting:

1. Edit the video source
2. Change Video Fit from "Cover" to "Contain"
3. Save and refresh your presentation

Video has black bars

If you don't want black bars:

1. Edit the video source
2. Change Video Fit from "Contain" to "Cover"
3. Save and refresh your presentation

Note: Cover mode may crop some edges.

YouTube video not loading

• Check your internet connection
• Verify the YouTube URL is correct
• Some YouTube videos may block embedding

Video too large to upload

• Maximum file size is 200MB
• Compress your video or use a shorter clip
• Consider hosting on YouTube instead

Tips

For Lobby Displays

• Enable Auto Play and Loop
• Enable Muted (sound can be distracting)
• Disable Show Controls (no one can click them anyway)
• Use Cover fit for full-screen appearance

For Control Rooms

• Consider enabling Show Controls for operators
• Use Contain fit to see complete camera feeds
• Test thoroughly before deployment

Related Topics

• Video Support Feature - How videos work in HMI
• Public Presentation - Display on public screens