
# 视频
视频是媒体组件的一种，用于播放MP4、OGG、MOV、WEBM格式的视频。
在大屏设计页面，从"全部组件 \> 媒体"中，拖拽"视频"组件至画布空白区域，如[图1]。
图1视频   
![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123027620.png "点击放大")
图2边距样式说明   
![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123184108.png)
#### 卡片
卡片是指包裹媒体组件的外层架构，可以理解为组件由卡片中基础元素（卡片背景、特效、卡片边框）和视频元素构成。
图3视频卡片   
![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123185732.png "点击放大")
- 背景
  - 背景色：设置组件卡片的背景颜色。
  
  - 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。
  
  - 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。
  
  - 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。
   
- 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。
- 边距：组件中视频距离整个组件四边（上、下、左、右，如[图2]）的距离，默认为0，即铺满整个组件。
#### 配置
在配置中，设置视频组件的视频地址、视频封面、视频播放等。
图4视频配置   
![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123185744.png "点击放大")
- 视频
  - 视频地址：视频的URL地址，视频支持格式有MP4、OGG、MOV和WEBM。
  
  - 封面：选择图片，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。
  
  - 保持原比例：选择是否保持原比例。视频组件中，配置项的配置高于数据配置。
   
- 播放
  - 自动播放：打开页面后是否自动播放视频。
  
  - 循环播放：是否循环播放视频。
  
  - 静音播放：播放视频时是否静音。静音后，在播放视频时无法调整音量。
   
- 控制条：选择是否开启视频控制条。
 
#### 数据
在数据中，设置视频组件的数据来源，更多介绍请参见[数据接入](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_6143.html)。
#### 交互
在交互中，配置视频组件与其他组件或页面之间的交互能力。更多交互介绍，请参见[交互设置](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_6140.html)。
