<stream-video> component demo

Hero mode (autoplay muted loop)

Uses optimized MP4 download URL. Best for landing-page background loops.

<stream-video uid="68b25df073544937c39521c4a1bdc5aa" mode="hero"></stream-video>

Player mode (HLS adaptive bitrate)

Native HLS in Safari/iOS, hls.js elsewhere. Auto-falls back to MP4 if HLS fails.

<stream-video uid="35745dcbeb71f41738885c163145b257"></stream-video>

Iframe mode (Cloudflare's branded player)

Easy embed. Use when you don't need custom styling.

<stream-video uid="ce9abde52b0df234c638f59e73966259" mode="iframe"></stream-video>

Thumbnail mode

Just an <img> — for video grids, link previews, etc.

<stream-video uid="..." mode="thumbnail" poster-time="3s"></stream-video>