Video 视频

视频播放组件，支持 Bridge 命令操控。

代码演示

视频播放器

支持封面图、控件、事件回调

<m-video
  src="https://example.com/video.mp4"
  poster="https://example.com/poster.jpg"
  controls
  @play="status = 'Playing'"
  @pause="status = 'Paused'"
  @ended="status = 'Ended'"
/>

<script setup>
const videoCtx = woo.createVideoContext('myVideo')
videoCtx.play()
videoCtx.seek(30)
</script>

API

属性

属性	说明	类型	默认值
src	视频资源地址	string	-
poster	封面图地址	string	-
autoplay	是否自动播放	boolean	false
loop	是否循环播放	boolean	false
muted	是否静音	boolean	false
controls	是否显示默认控件	boolean	true
initial-time	初始播放位置（秒）	number	0

事件

属性	说明	类型	默认值
play	开始播放	-	-
pause	暂停	-	-
ended	播放结束	-	-
timeupdate	进度变化	{ currentTime, duration }	-
error	播放出错	{ src }	-