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

仪表板提供了**视频**组件，可以显示上传的视频或网络上的视频。

![视频](./images/2021-09-30-09-50-42.png)

示例地址：[汛情监控视频](https://demo.succbi.com/v5/bi/%E6%B1%9B%E6%83%85%E9%98%B2%E6%8E%A7%E6%8C%87%E6%8C%A5%E4%B8%AD%E5%BF%83)

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

拖入视频组件，在**基本**属性处设置视频来源，并设置视频播放选项：

![使用](./images/2021-09-29-14-58-33.gif)

- **拖入视频组件**：将**组件区>嵌入>视频**组件拖入到目标面板中
- **设置视频来源**：在属性栏**视频**>**基本**>**视频来源**中选择**URL** ，粘贴地址`https://www.bilibili.com/video/BV1Vu411m7vE/`

## 视频来源{#from}

仪表板视频组件提供了`静态视频`和`URL`两种可选来源：

- **静态视频**：在悬浮框中选择静态视频，可以获取对象内的视频和视频库的视频
  - 对象内视频：用户可自定义上传视频，上传在对象内的视频存储于当前页面对象中，在其他页面中的对象内不可见
  - 视频库：显示系统视频库中的视频，支持自定义上传视频。上传的视频存储于当前项目中的公开视频库，同一个项目中的不同页面视频库内容是一致的
- **URL**：在URL中直接写入视频的路径即可，分为以下几种情况
  - 使用外网路径，如`https://www.bilibili.com/video/BV1Vu411m7vE/`
  - 系统内部视频地址，如系统公共目录下的视频`/DEMO/public/videos/mov_bbb.mp4`

## 属性介绍{#properties}

对视频的基础播放属性设置可以在**视频**处设置：

![播放设置](./images/2021-10-09-15-46-20.png)

- **自动播放**：勾选表示打开仪表板页面后，自动播放视频
- **循环播放**：勾选表示循环播放视频
- **显示工具栏**：系统默认勾选，显示视频播放的工具栏，包括音量调节，播放暂停等工具
- **锁定高宽比**：系统默认勾选，表示锁定原视频的宽高比，不勾选表示充满视频组件