跳到主要内容

video

功能描述

视频播放器。

组件属性

属性名类型默认值必填说明
srcstring要播放视频的资源地址,支持网络路径、本地临时路径
posterstring视频封面
object-fitstringcontain当视频大小与 video 容器大小不一致时,视频的表现形式
initial-timenumber0指定视频初始播放位置
loopbooleanfalse是否循环播放
mutedbooleanfalse是否静音播放
autoplaybooleanfalse是否自动播放
controlsbooleantrue是否显示默认播放控件(播放/暂停按钮、播放进度、时间、全屏、静音)
show-mute-btnbooleantrue是否显示静音按钮
show-fullscreen-btnbooleantrue是否显示全屏按钮
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}
bindseekcompleteeventhandleseek 完成时触发 单位 ms

object-fit 的合法值

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