# 视频

来源快照：`result_data_new_260518.json`

- 来源 ID：`1183669085536722954`
- 模块：低代码平台e-builder
- 目录：页面引擎 - 页面设计器 - 页面组件 - 基础组件 - 基础组件/基础类
- space ID：`1157961794811633670`
- 原文链接：未提供
- 产品基线：未提供

## 正文

# 视频

## 一、功能背景及价值用途

视频组件是一种常用于网页或应用程序界面中的多媒体功能展示元素。在现代界面设计中，为了满足用户观看视频内容的需求，同时提升页面的互动性和视觉体验，视频组件得到了广泛的应用。它可以在界面中以嵌入式方式呈现视频内容，支持用户播放、暂停、全屏等操作。通过提供便捷的控制选项和兼容不同格式的视频内容，视频组件不仅能丰富页面内容，还能为用户带来沉浸式的视觉体验。此外，视频组件还可以结合广告、教学视频、产品展示等场景，提升用户参与度和信息传达效率，为用户带来更高价值的多媒体体验。

## 二、功能概述

视频组件支持多种播放模式和交互功能，如静音播放、自动播放、循环播放等，方便用户根据实际需求展示视频内容。用户可以自定义配置视频的来源、显示方式（如单个切换或网格展示）、每行显示个数、视频高度等外观和布局参数。此外，视频组件还支持启用全屏播放、允许下载、显示视频标题等功能，满足不同场景下的多媒体展示需求。通过灵活的设置选项，视频组件不仅能够提供高效的视频播放体验，还可以适配多种界面设计和用户交互需求，提升页面的视觉效果和用户体验。

 

## 三、使用说明

### 1、功能入口

设计器左侧“基础组件/基础类”分类下选中视频组件，在右侧配置面板操作相关配置。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1160544788315439277&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

### 2、基础配置

#### 2.1、视频设置

视频展示可以通过弹窗内容或者直接在设计器内部配置

1、

视频来源：目前有三种配置模式，本地文件上传/视频URL链接配置/素材库导入；如果是通过本地上传的视频，还可以再配置页面读取到视频大小

2、

视频预览：可以在弹出页面初步预览视频

3、

视频标题：根据多语言组件配置视频标题

4、

视频封面：可以从素材库中动态选取，当没有配置视频封面时，将默认读取视频第一帧作为封面

![](https://weapp.eteams.cn/papi/file/preview?fileId=1160544723765100683&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

![](https://weapp.eteams.cn/papi/file/preview?fileId=1160544526319509512&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

#### 2.2、播放设置

5、

静音播放：可选择在视频播放时无声播放

6、

自动播放：可选择在视频组件加载完毕后无需点击播放按钮即可播放

3、循环播放：可选择在视频播放完毕后从头开始重新播放

![](https://weapp.eteams.cn/papi/file/preview?fileId=1160544491784437904&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D) 、

#### 2.3、其他设置

1、视频展示方式：可在单个切换和多行平铺里面选择，方便不同展示模式

7、

每行显示个数：配合视频展示模式可以实现灵活配置

8、

视频高度：可以动态配置eb视频展示高度

9、

允许全屏显示：可以控制视频组件内部的全屏操作按钮的显隐状态

10、

允许下载：可以控制视频组件内部的下载操作按钮的显隐状态

11、

显示视频标题：可以控制视频组件外部的标题展示的显隐状

![](https://weapp.eteams.cn/papi/file/preview?fileId=1160544818291195993&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

## 四、上下游关联功能点

1、[ _事件动作配置参考文档_](https://www.e-cology.com.cn/sp/doc/docDetail/1124192575847580693)
