# XWUIVideoPlayer

Video player with progress, volume, mute, fullscreen.

## Basic Usage

Single-source video with full controls.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Single-source video with full controls.
```

## Video Playlist

Queue several videos with prev/next buttons and a clickable list, swapping the active source on demand.

```example
file: examples/Playlist.ts
html: examples/Playlist.html
title: Video Playlist
description: A queue of videos with prev/next buttons and a clickable list that swaps the active source on demand.
```

## Custom Poster with Title Overlay

Poster image and title overlay shown before playback, with the custom XWUI control bar enabled.

```example
file: examples/CustomPoster.ts
html: examples/CustomPoster.html
title: Custom Poster with Title Overlay
description: A poster image and title overlay shown before playback, with the component's custom XWUI control bar enabled.
```

## Cinematic Theater Mode

Ultra-wide 21:9 player with the custom XWUI control bar, framed for a darkened cinema-style layout.

```example
file: examples/TheaterMode.ts
html: examples/TheaterMode.html
title: Cinematic Theater Mode
description: An ultra-wide 21:9 player with the custom XWUI control bar, framed for a darkened cinema-style layout.
```

## Autoplay Muted Hero Banner

A muted, looping background video that autoplays on load - the browser-friendly hero-banner pattern with native controls hidden.

```example
file: examples/AutoplayMutedHero.ts
html: examples/AutoplayMutedHero.html
title: Autoplay Muted Hero Banner
description: A muted, looping background video that autoplays on load - the browser-friendly pattern for a hero banner, with native controls hidden.
```

```api
```