如何购买
1
登录您的BeikeShop商城后台
2
点击右上角“插件市场”
3
选择需要购买的插件
4
购买&安装
插件描述
Video Text 视频图文装修模块
概述
Video Text 是一个为商城后台「设计 → 装修」功能增加视频海报模块的插件。它以本地视频为背景，叠加标题、富文本描述和按钮，打造首页通栏视频海报效果。适合用于品牌宣传、产品发布、活动推广等场景，让首页视觉冲击力倍增。
主要功能
🎬 视频背景海报
| 特性 | 说明 |
|---|---|
| 本地视频背景 | 上传 mp4 等格式的本地视频文件作为背景，建议使用横版视频 |
| 文字叠加层 | 标题 + 富文本描述 + 按钮，三层内容叠加在视频之上 |
| 蒙层效果 | 可调节黑色蒙层透明度（0~100%），确保文字清晰可读 |
📐 丰富的布局与配置选项
| 配置项 | 说明 |
|---|---|
| 标题 | 支持多语言，允许使用 <br/> 标签换行 |
| 标题字体大小 | 12px ~ 80px 可调 |
| 描述 | 富文本编辑器，支持格式化内容 |
| 按钮文字 | 自定义按钮文案 |
| 按钮链接 | 支持站内/站外链接，可选择新窗口打开 |
| 文字位置 | 左侧 / 居中 / 右侧 |
| 模块宽度 | 窄屏(container) / 宽屏(container-fluid) / 全屏(w-100) |
📏 高度控制
| 配置项 | 预设选项 |
|---|---|
| PC端高度 | 350px ~ 800px（每 50px 一档） |
| 移动端高度 | 200px ~ 500px（每 50px 一档） |
🎮 播放控制选项
| 选项 | 说明 |
|---|---|
| 自动播放 | 页面加载后自动播放视频（浏览器策略要求静音） |
| 循环播放 | 视频播放结束后自动重新开始 |
| 控制播放 | 显示视频控制条（播放/暂停、音量等） |
| 默认静音 | 视频默认静音播放 |
技术特点
-
✅ 通栏视频海报：全屏宽度铺满，视觉冲击力强
-
✅ 三档宽度模式：窄屏（卡片式圆角）/ 宽屏 / 全屏（通栏无留白）
-
✅ 响应式高度：PC 与移动端独立设置高度，适配不同设备
-
✅ 优雅降级：未配置视频时显示灰色占位块 + 播放图标，装修预览体验一致
-
✅ 蒙层透明度：可调节黑色蒙层深浅，平衡视频背景与文字可读性
-
✅ 智能自动播放：遵循浏览器自动播放策略，自动播放时强制静音
-
✅ 纯 CSS 占位图标：不依赖图标字体，后台预览无图标加载问题
-
✅ 任意主题兼容：前台视图由插件自带，不受主题更换影响
-
✅ 装修编辑器完美支持：实时预览，所见即所得
适用场景
-
品牌形象大片展示
-
产品发布 / 新品预告
-
限时活动 / 促销宣传
-
品牌故事讲述
-
企业宣传视频
-
首页 Hero 区域
