---
order: 8
navTitle: 视频组
---
# 仪表板组件-视频组

仪表板提供了**视频组**组件，可以显示存储在数据表中的一个或多个视频数据。

![视频组](./images/2021-10-08-17-21-59.png)

示例地址：[数字媒体组件](https://demo.succbi.com/v5/bi/library)

## 使用视频组组件{#use}

拖入视频组组件，并设置视频来源及视频播放选项：

![使用](./images/2021-10-08-16-58-33.gif)

- **拖入视频组组件**：将**组件区>更多>视频组**组件拖入到目标面板中
- **设置视频组数据**：将`视频地址`字段拖入**数据**属性栏
- **设置视频组每行显示视频个数**：在**样式**>**布局**>**每行数量**处选择自定义，个数设置为`3`

:::tip
视频组的播放设置在**数据**>**高级**处可以设置，包含**自动播放**、**循环播放**、**显示工具栏**、**锁定宽高比**四个设置，详情请查看[视频](./video.md#setting)。
:::

## 视频组数据设置{#data}

视频组是通过模型表中视频的存储路径来读取视频的，无论模型表中的地址字段存储的是外网地址，还是系统内部地址都可以识别：

- 系统外地址，如`https://www.bilibili.com/video/BV1Vu411m7vE/`
- 系统内地址，如通过SuperPage[上传附件](../../../../app/superpage/components/input/upload.md)组件上传到系统内的视频，无论以`默认文件存储服务`、`默认文件存储服务(去重)`、`工作目录路径`、`外部链接`中哪种方式存储，系统都可以识别其地址。文件的存储类型设置详细见文档：[存储类型](../../../../data-gov/model/field-role.md#file)

## 视频组布局设置{#layout}

由于浏览器限制，视频组最多只能同时显示16个视频，多余的不显示。在**样式**>**布局**处可以设置视频组显示的基本布局：

![布局](./images/2021-10-08-17-32-59.png)

- **每行数量**：视频组组件容器内每行显示的视频个数，有以下两个选项：
  - 自动：视频个数小于2时，显示1行；小于8时，显示两行；小于15时显示3行；等于16时显示4行
  - 自定义：自定义视频组容器内每行显示个数。**每行数量**处选择自定义后，会出现**个数**的属性设置可调节个数
- **视频间距**：视频组组件内每个视频的间距