@retailwe/ui-live-video NPM

live-video 视频播放组件

live-video是一款可以自定义播放控件样式和位置的视频播放组件。

全局引入，在miniprogram根目录下的app.json中配置，局部引入，在需要引入的页面或组件的index.json中配置。

// app.json 或 index.json
"usingComponents": {
  "wr-live-video": "@retailwe/ui-live-video/index"
}

  <wr-live-video url="{{videoURI}}" offsetBottom="{{100}}" />

参数	说明	类型	默认值	版本
url	要播放视频的资源地址，支持网络路径、本地临时路径、云文件ID	String	-	-
autoplay	是否自动播放	Boolean	true	-
loop	是否循环播放	Boolean	true	-
muted	是否静音播放	Boolean	false	-
initialTime	指定视频的初始播放位置	Number	0	-
objectFit	当视频大小与 video 容器大小不一致时，视频的表现形式	String	'contain'	-
offsetBottom	播放控件距离底部的距离	Number	160	-

3 years ago