本篇以视频为主，介绍多媒体相关的组件。包括实时监控、视频播放、图片/GIF等。

视频

说明

填入.mp4等视频文件的在线URL地址，即可播放。如下所示：

注意：视频组件无法打开.flv等实时监控链接（需要用监控组件）。

属性

功能

视频地址 （videoURL）

字符串类型可读写

视频文件URL播放地址。

视频文件URL，要求是静态资源文件的网络地址。（对应html的video标签）。

自动播放（autoplay）

布尔类型可读写

播放视频或暂停播放。

更多参见公共属性

监控

说明

播放rtmp、.flv等实时视频。其中视频监控rtsp通常需要经过物联网平台转为flv格式，然后通过本组件可以网页实时预览。如下所示：

注意：监控组件无法播放.mp4等视频文件（需要用视频组件）。

属性

功能

背景色（backgroundColor）

颜色类型可读写

视频播放之前，组件默认的背景颜色。

视频流（videoURL）

字符串类型可读写

rtmp、flv等实时视频流URL地址。

使用注意事项：

预览（play）

颜色类型可读写

打开实时监控画面。

图片

说明

支持png、jgp、sgv等格式图片显示，以及gif动图加载。如下所示：

GIF拖放到编辑器时，将自动被当前图片组件（以base64字符）填入。

属性

功能

图片路径 （src）

字符串类型可读写

支持各类图片格式，包括gif动图。

支持各类图片格式，包括base64编码的gif动图。