跳到主要内容

video

功能描述​

视频播放器。

组件属性​

属性名类型默认值必填说明
srcstring是要播放视频的资源地址,支持网络路径、本地临时路径
posterstring否视频封面
object-fitstringcontain否当视频大小与 video 容器大小不一致时,视频的表现形式
initial-timenumber0否指定视频初始播放位置
loopbooleanfalse否是否循环播放
mutedbooleanfalse否是否静音播放
autoplaybooleanfalse否是否自动播放
controlsbooleantrue否是否显示默认播放控件(播放/暂停按钮、播放进度、时间、全屏、静音)
show-mute-btnbooleantrue否是否显示静音按钮
show-fullscreen-btnbooleantrue否是否显示全屏按钮
enable-play-gesturebooleanfalse否是否开启播放手势,即双击切换播放/暂停
enable-progress-gesturebooleantrue否是否开启控制进度的手势
bindplayeventhandle否当开始/继续播放时触发 play 事件
bindpauseeventhandle否当暂停播放时触发 pause 事件
bindendedeventhandle否当播放到末尾时触发 ended 事件
bindtimeupdateeventhandle否播放进度变化时触发,event.detail = {currentTime, duration} 。触发频率 1000ms 一次 ,单位秒
bindfullscreenchangeeventhandle否视频进入和退出全屏时触发,event.detail = {fullScreen, direction},direction 有效值为 vertical 或 horizontal
bindwaitingeventhandle否视频出现缓冲时触发
binderroreventhandle否视频播放出错时触发
bindloadedmetadataeventhandle否视频元数据加载完成时触发。event.detail = {width, height, duration}
bindseekcompleteeventhandle否seek 完成时触发 单位 ms

object-fit 的合法值​

合法值说明
contain包含
fill填充
cover覆盖