视频模块参数及用法示例
最后更新: | 浏览次数: 300|组件以及效果
视频使用
1.引用核心JS和CSS文件
系统参数
| 属性名 | 属性值 | 说明 |
|---|---|---|
| data-provider | video | 必须，视频集成唯一标识 |
| data-mode | auto / responsive / fill /none | 视频拉升模式 |
| data-autohide | 无 | 当设置此属性时，加载媒体时默认隐藏视频控制 |
data-mode属性
| 模式名称 | 说明 |
|---|---|
| responsive | 默认模式,视频/音频将自动适应容器大小（不裁剪），用于响应式布局场景。 |
| fill | 视频会被裁剪并填满容器（保持容器尺寸，可能裁剪画面）。适用于背景视频等需完全填满场景。 💡 建议容器设置 height: 100% |
| none | 视频尺寸固定或比例固定，适合需要精确尺寸控制的场景。 💡 建议容器设置明确的宽度和高度 |
默认视频效果
See the Pen Default Video Effects by Huijun Yang (@hongge) on CodePen.