Skip to content

视频

视频组件用于播放视频内容,支持播放本地上传的视频文件,也可绑定工作流返回值或直接填写视频 URL,能够灵活满足不同视频播放需求。

视频限制

  • 仅支持 MP4、AVI、MOV 格式。

  • 视频文件大小需小于 500 MB。

属性设置

视频组件提供了丰富的属性配置选项,以下是一些关键属性配置说明。关于组件尺寸、位置、样式、指针、变换等通用属性的设置方法,请参考设置组件属性和事件。

配置视频源

你可以上传本地视频文件、直接输入视频 URL(绑定静态数据)或绑定工作流返回的视频 URL(绑定动态数据)。

本地上传

本地上传页签下,单击上传,上传本地视频文件。

绑定静态数据

绑定数据页签下,输入视频的 URL。

绑定动态数据

为组件添加事件,用于调用工作流。

  • 可以选择本应用中的任意目标组件。

绑定数据页签下,选择工作流的输出参数。具体操作,请参考配置示例。

本地上传

绑定静态数据

绑定数据页签下,输入视频的 URL。

绑定动态数据

为组件添加事件,用于调用工作流。

  • 可以选择本应用中的任意目标组件。

全屏播放

打开全屏播放开关后,视频组件中将显示全屏播放按钮。单击该按钮后,可以全屏播放视频。

循环播放

打开循环播放后,视频会在界面中循环播放。

隐藏组件

视频组件的可见性可通过设置常用条件或表达式灵活控制,以实现特定场景下的隐藏或显示。

  • 表达式方式

  • 设置为 false:显示组件。

  • 设置为 true:隐藏组件。

  • 设置为变量:通过变量值(true 或 false)动态控制组件的可见性。配置示例,请参考隐藏组件。

  • 常用条件方式

  • 支持通过可视化界面设置条件,以控制组件的可见性。配置示例,请参考隐藏组件。

事件设置

通过配置视频组件的事件,可以为视频组件添加丰富的交互功能,以增强用户体验和界面的互动性。

事件项说明
事件类型支持以下事件类型:
点击时:单击视频时,触发事件。
开始播放时:视频开始播放时,触发事件。
暂停播放时:视频暂停播放时,触发事件。
播放结束时:视频结束播放时,触发事件。
组件方法支持以下组件方法:
播放:播放视频
暂停:暂停视频
设置隐藏:隐藏组件,使其不可见。

配置示例

例如搭建一个用于生成及展示视频的应用,则你可以创建一个视频生成的工作流,并通过视频组件动态展示。具体操作如下:

创建工作流(video)。

  • 使用视频生成节点生成视频。其中,在结束节点中,设置输出变量 output 的值为视频生成节点输出结果中的 video 参数(生成的视频 URL)。

搭建网页。

  • 搭建一个视频生成网页,包括容器组件、文本输入组件、按钮组件和视频组件。

为按钮组件(Button1)配置事件。

  • 输入提示词,单击生成视频按钮后,将触发工作流(video)生成视频。工作流的输入参数 input 引用文本输入组件(Textarea1)的值。

为视频组件绑定数据,即绑定工作流(video)的输出参数 output

预览效果。

  • 输入风吹动窗帘和花朵,光线变化,固定镜头,单击生成视频后,页面中将展示生成的视频。

当前版本实操

本页使用独立的 视频 示例页面,页面内不混放其他组件。

  1. 进入低代码应用的 用户界面,确认搭建类型为 桌面网页
  2. 单击画布底部的 新建页面,创建一个空白页面。
  3. 在左侧 组件 面板中找到 视频,单击或拖入当前页面。
  4. 切换到 结构 面板,确认该页面只包含当前 视频 组件。
  5. 选中组件,在右侧 属性 面板中设置视频来源、封面、播放控制和尺寸。
  6. 检查画布中的实际显示效果,再使用页面顶部的预览入口验证交互。

视频 独立页面和属性配置

视频 独立页面实际效果