tb-shop-video
1.0.13 • Public • Published
tb-shop-video
install
npm install tb-shop-picture --save
引用
"usingComponents": {
"tb-shop-video": "tb-shop-video"
}
使用
<tb-shop-video
modUtils="{{data.modUtils}}"
gdc="{{data.gdc}}"
mds="{{data.mds}}"
videoId="videoId"
src="xxxx.mp4"
time="{{30}}"
poster="xxxxx.png"
width="{{300}}"
height="{{400}}"
showMuted="{{true}}"
showTime="{{false}}"
canPause="{{false}}"
muted="{{muted}}"
onTimeUpdate="handleTimeUpdate"
onPlay="handlePlay"
onPause="handlePause"
onEnded="handleEnded"
/>
属性
modUtils、gdc、mds
videoId
src
poster
- 必填(为了各种场景的适配和降级,请务必传入)
- 视频封面图
width
height
showMuted
- 可不传
- 是否显示静音按钮(ide上静音功能有bug,点击不能静音)
showTime
time
- 可不传, showTime为true时必须传
- 视频的总时长
canPause
muted
- 可不传,默认true(静音状态)
- true or false 当props变化时候会触发播放器的静音操作。
object-fit
- 可不传,默认contain
- contain, fill 视频的填充方式。
onTimeUpdate
onPlay
onPause
onEnded
- 可不传
- 视频播放完成后的回调,传入function
Package Sidebar
Install
Weekly Downloads