TUI

Video 视频播放器
TsVideo 是一个功能完整的视频播放器组件,提供丰富的播放控制功能。
支持播放/暂停、进度控制、音量调节、全屏播放等功能,界面美观且交互流畅。
基础用法
TsVideo 是一个功能完整的视频播放器组件,支持播放控制、音量调节、进度控制等功能。
可通过 videoUrl 设置视频地址,backgroundColor 自定义进度条颜色。
00:00 / 00:00
示例代码
vue
属性 Props
属性名
说明
类型
可选值
默认值
版本说明
videoUrl
视频文件地址
string
-
-
backgroundColor
进度条背景颜色
string
-
#409eff
事件 Events
事件名
说明
回调参数
版本说明
play
视频开始播放时触发
() => void
pause
视频暂停时触发
() => void
ended
视频播放结束时触发
() => void
timeupdate
播放时间更新时触发
(event: Event) => void
loadedmetadata
视频元数据加载完成时触发
(event: Event) => void
插槽 Slots
插槽名
说明
版本说明
default
自定义视频元素
基础用法
属性 Props
事件 Events
插槽 Slots