Video

Play videos.

Example

import { Screen } from "ink";
import { Video } from "@ink/video";
import video from "../assets/video.mov";

export default function Watch() {
  return <Screen title="Video">
    <Video src={video} />
  </Screen>;
}

Videos play automatically. Tap to pause or resume. Tap the progress bar to seek.

Paused video with a play icon in its centre.

Playback pauses in the background and stops when you leave the page.

Ink updates the progress bar and time labels natively. Normal playback does not send periodic progress updates through React.

Sources

Import .mp4, .mov or .webm files, or pass an HTTPS URL:

import { Video } from "@ink/video";

<Video src="https://example.com/video.mp4" />

Local file and content URIs are also supported. Development builds allow localhost HTTP URLs.

Format support depends on the device’s codecs.