文档

移动视频

更新时间:
一键部署

移动视频组件用于播放FLV、MP4等格式的视频。目前,该组件支持自动播放、暂停、音量调节和全屏播放功能。本文介绍移动视频组件的详细配置方法。

步骤一:添加组件

  1. 创建移动应用。具体操作,请参见创建移动应用

  2. 在移动应用编辑器中,单击最左侧的组件图标组件

  3. (可选)添加分栏组件,进行应用页面布局设置。具体操作,请参见横向分栏和纵向分栏

  4. 在画布左侧组件列表上方,在搜索框中输入移动视频,找到该组件,然后将组件拖拽到中间画布。

    有关添加组件的更多信息,请参见添加组件

    移动视频

步骤二:配置数据源

在移动应用编辑器右侧样式中,在播放模式下拉列表中,选择视频播放模式后,配置视频播放源地址。

注意

  • 视频流(直播)支持FLV、HLS格式,视频文件支持MP4、HLS、FLV格式。 视频文件URL后缀携带视频格式,例如https://域名/目录/文件名.flv

    该组件应用在iOS、微信、QQ浏览器中时,建议您使用HLS格式的视频流。

  • 该组件支持返回的数据类型为字符串。

  • 如果视频地址或视频文件URL既输入了静态数据,又配置了动态数据,则取动态数据。

  • 如果该组件所在应用有网络环境的使用限制,或直播的视频数据有安全限制,请不要配置公网环境下的视频播放源地址,以防视频数据泄露。

  • 静态数据

    播放源地址流播放源地址文件右侧提交框中,输入视频地址或视频文件URL。

  • 动态数据

    单击播放源地址流播放源地址文件提交框右侧的配置数据源按钮配置数据源,选择数据源类型,单击确定,完成配置。

    可选数据源类型有设备接口应用推送页面变量。播放源地址流或播放源地址文件将基于关联的数据源实时更新。

步骤三:配置样式

  1. 调整组件宽高和在页面中的布局位置。具体操作,请参见通用样式

  2. 预览和调试组件展示的数据和效果。具体操作,请参见预览与调试