Plugin Details
Home / Plug-in market / Video Text Module
Video Text Module
Video Text Module
Overview
Video Text is a plugin that adds a video hero module to the admin "Design → Decoration" builder. It uses a local video as the background, with an overlaid title, rich-text description, and button to create a full-width video hero banner on your homepage. Perfect for brand promotion, product launches, campaign announcements, and more – making your homepage visually impactful.
Key Features
🎬 Video Background Hero
| Feature | Description |
|---|---|
| Local video background | Upload local video files (mp4, etc.) as background – landscape video recommended |
| Text overlay | Title + rich-text description + button – three layers over the video |
| Overlay effect | Adjustable black overlay opacity (0–100%) to ensure text readability |
📐 Rich Layout & Configuration Options
| Option | Description |
|---|---|
| Title | Multi-language support, allows <br/> tags for line breaks |
| Title font size | Adjustable from 12px to 80px |
| Description | Rich text editor with formatting support |
| Button text | Custom button label |
| Button link | Supports internal/external links, optional "open in new window" |
| Text position | Left / Center / Right |
| Module width | Narrow (container) / Wide (container-fluid) / Full width (w-100) |
📏 Height Control
| Option | Preset Options |
|---|---|
| Desktop height | 350px ~ 800px (in 50px increments) |
| Mobile height | 200px ~ 500px (in 50px increments) |
🎮 Playback Control Options
| Option | Description |
|---|---|
| Autoplay | Video starts automatically on page load (requires muted due to browser policy) |
| Loop | Video restarts automatically after playback ends |
| Show controls | Display video control bar (play/pause, volume, etc.) |
| Muted | Video plays muted by default |
Technical Features
-
✅ Full-Width Video Hero : Spans the entire width – strong visual impact
-
✅ Three Width Modes : Narrow (card-style with rounded corners) / Wide / Full-width (edge-to-edge)
-
✅ Responsive Height : Independent height settings for PC and mobile – adapts to different devices
-
✅ Graceful Degradation : Shows gray placeholder + play icon when no video is configured – consistent preview experience
-
✅ Adjustable Overlay Opacity : Fine-tune the black overlay to balance video background and text readability
-
✅ Smart Autoplay : Respects browser autoplay policies – forces muted when autoplay is enabled
-
✅ Pure CSS Placeholder Icon : No icon font dependency – no icon loading issues in admin preview
-
✅ Any Theme Compatible : Frontend views are plugin-bundled, unaffected by theme changes
-
✅ Full Design Editor Support : Real-time preview – WYSIWYG
Use Cases
-
Brand image showcase
-
Product launch / new product announcement
-
Limited-time campaign / promotion
-
Brand storytelling
-
Corporate video presentation
-
Homepage hero section
