Video

An HTML5 video with a play facade.

import { BuiVideo } from 'ng-blatui';

<bui-video src="/demo.mp4" poster="/poster.jpg" />

API reference

Prop	Type	Default	Description
`src`	`string`	`''`	Video source URL for the underlying `<video>` element.
`poster`	`string`	`''`	Poster image URL shown before playback starts.
`aspect`	`string`	`'video'`	Aspect ratio: `video` (16/9), `square` (1/1), or any CSS ratio.
`controls`	`boolean`	`true`	Whether to show native controls once playback has started.
`autoplay`	`boolean`	`false`	Whether to start playing automatically (hides the play facade).
`loop`	`boolean`	`false`	Whether the video loops when it reaches the end.
`muted`	`boolean`	`false`	Whether the video starts muted.
`rounded`	`string`	`'rounded-xl'`	Tailwind border-radius utility applied to the container.
`playLabel`	`string`	—	Accessible label override for the play-button facade.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.