e8-form-video
Updated on Sep 18, 2025 3 minutes to readA single video upload and preview component with optional video processing and management.
Overview
e8-form-video allows users to upload, view, download, replace, or remove a single video file.
It supports drag-and-drop and manual file selection, thumbnail previews, mobile upload handling, and configurable video processing through the video-quality option.
<e8-form-video
v-model="vars.introVideo"
accept="video/mp4,video/mov"
alt="Intro video"
attr-script-alias="introVideo"
deletion-confirmation="true"
downloading-disabled="false"
editing-disabled="false"
label="Intro Video"
owner-script-alias="lstUsers"
removing-disabled="false"
:thumbnail-size="120"
tooltip="Upload an intro video"
video-quality="720p"
viewing-disabled="false">
</e8-form-video>
🔽 Show more
Properties
| Property | Description | Type | Default |
|---|---|---|---|
| accept | Comma-separated list of accepted MIME types or extensions. | string | 'video/mp4,video/mov' |
| alt | Alt text passed to the video thumbnail. | string | '' |
| attr-script-alias | Attribute alias for resolving the upload URL. | E8ScriptAlias | — |
| deletion-confirmation | Enables confirmation prompt before video removal. | boolean | true |
| downloading-disabled | Disables video download. | boolean | false |
| editing-disabled | Disables video replacement. | boolean | false |
| label | Custom label text; set to false to hide label. | string | boolean | — |
| modify-data | Determines whether changes to this field mark the object as modified and require saving. | boolean | true |
| owner-script-alias | Owner alias for resolving the upload URL. | E8ScriptAlias | — |
| readonly | Disables upload, replace, and remove actions. | boolean | false |
| removing-disabled | Disables video removal. | boolean | false |
| thumbnail-size | Size of the thumbnail preview in pixels. | number | 80 |
| tooltip | Tooltip text displayed below the input. | string | — |
| v-model | Two-way bound video file identifier. | string | — |
| video-quality | Target video quality for upload processing. | E8FileManipulationVideoQualities | — |
| viewing-disabled | Disables video preview. | boolean | false |
Slots
| Slot | Description |
|---|---|
| label | Custom label slot. Provides { label, value } as slot props. |
Events
| Event | Description |
|---|---|
| on-change | Emitted when the video value changes. |