Video

Showing a recording or a walkthrough that your app serves.

import { Video } from "@hackcove/ui";

<Video src="/media/walkthrough.webm" captions="/media/walkthrough.vtt">
  Your browser cannot play this video.
</Video>

import { Video } from "@hackcove/ui";

<Video src="/media/walkthrough.webm" />

• src is your own video file. It loads only the metadata until it is played, so the page does not pull the whole file.
• Give a captions WebVTT file for any video with speech; it is offered as the default track.
• poster is the image shown before play; use a local one.
• The children are the text for a browser that cannot play the video.

• A native <video controls>: play, seek, volume and fullscreen work by keyboard through the browser's controls.
• captions adds a <track kind="captions" default>, so captions are on by default.