Video

Video player with Bridge command control.

Code examples

Video player

Poster, native controls, and event callbacks

<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

Props

属性	说明	类型	默认值
src	Video URL	string	-
poster	Poster image URL	string	-
autoplay	Autoplay	boolean	false
loop	Loop playback	boolean	false
muted	Muted	boolean	false
controls	Show default controls	boolean	true
initial-time	Initial position (seconds)	number	0

Events

属性	说明	类型	默认值
play	Playback started	-	-
pause	Paused	-	-
ended	Playback ended	-	-
timeupdate	Progress update	{ currentTime, duration }	-
error	Playback error	{ src }	-