微信小程序 - 4.组件(video)
2020-03-17 本文已影响0人
GiottoYLY
<video>是视屏组件,可用于播放本地或网络视频资源 , 其默认宽度为300rpx , 高度为225rpx
该组件属性如下 :
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| src | String | 要播放视频的资源地址 | |
| initial-time | Number | 指定视频初始播放位置 | |
| duration | Number | 指定视频时长 | |
| controls | Boolean | true | 是否显示默认播放控件(播放/暂停按钮、播放进度、时间) |
| danmu-list | Object | Array | 弹幕列表 |
| danmu-btn | Boolean | false | 是否展示弹幕,只在初始化时有效,不能动态改变 |
| autoplay | Boolean | false | 否自动播放 |
| loop | Boolean | false | 是否循环播放 |
| muted | Boolean | false | 是否静音播放 |
| page-gesture | Boolean | false | 在非全屏模式下是否开启亮度与音量调节手势 |
| direction | Number | 设置全屏时视频的方向 , 不指定则根据宽高比例自动判断 . 其有效值为0(正常竖向)、90(屏幕逆时针90°)、-90(屏幕顺时针90°) | |
| show-progress | Boolean | true | 若不设置 , 当宽度大于240才会显示 |
| show-fullscreen | Boolean | true | 否显示全屏按钮 |
| show-play-btn | Boolean | true | 是否显示视频底部控件栏中的播方按钮 |
| show-center-play-btn | Boolean | true | 是否显示视频中间的播放按钮 |
| enable-progress-gesture | Boolean | true | 是否开启控制进度的手势 |
| objectFit | String | contain | 当视频大小与video容器大小不一致时视频的表现形式 , 其中 , contain为包含 , fill为填充 , cover为覆盖 |
| poster | String | 视频封面的图片网络资源视频地址 , 如果controls属性值为false , 则设置poster无效 | |
| bindplay | EventHandle | 当开始/继续播放时触发的play事件 | |
| bindpause | EventHandle | 当暂停播放时触发的pause事件 | |
| bindended | EventHandle | 当播放到末尾时触发ended事件 | |
| bindtimeupdate | EventHandle | 当播放进度变化时触发 , event.detail={fullScreen,direction} , direction取值为vertical或horizontal | |
| bindfullscreenchange | EventHandle | 当视频进入和退出全屏时触发 , event.detail={fullScreen,direction} , direction取值为vertical或horizontal | |
| bindwaiting | EventHandle | 当视频出现缓冲时触发, event.detail={fullScreen,direction} , direction取值为vertical或horizontal | |
| binderror | EventHandle | 当视频播放出错时触发 |
