Video Player | Zyeon UI

Preview in your theme

src + poster, preload="metadata" — play, drag the bar to scrub (the bubble previews the target time), change volume, speed, fullscreen or PiP. The lighter band on the track is video.buffered.

0:00 / --:--

captions={[English, 中文]} + crossOrigin="anonymous" — the CC button and the Subtitles group in the settings menu switch real textTracks; onEnded is wired to the counter below.

0:00 / --:--

onEnded fired 0 times — the 7s clip has to actually reach its end.

src pointing at a 404 — video.error becomes a readable sentence. Retry re-requests the same URL (still missing, so the error returns); swapping src resets every derived state and loads normally.

0:00 / --:--

src = .../this-file-does-not-exist.mp4

Keyboard control — shortcuts run while the player (or one of its controls) has focus; the ref-focus button below shows the forwarded ref.

0:00 / --:--

then press a key — every action flashes a hint bubble over the frame.

Space / Kplay or pause← / →seek 5sJ / Lseek 10s↑ / ↓volume ±10%MmuteFfullscreenCsubtitles0 – 9jump to 0% – 90%

autoPlay muted loop — browsers only allow unattended playback while muted, which is exactly the background-video contract: no sound, no ending, controls still available (unmute and it keeps looping).

0:00 / --:--

Loading preview…

This component is part of Pro

The install command, prompt and concept map are included with a Pro license — one purchase unlocks every Pro component, forever.

Unlock with Pro