HLS & DASH Demo Player

Paste any .m3u8 (HLS) or .mpd (DASH) URL and play it instantly. Test your adaptive streaming videos with quality selection, subtitles, thumbnail previews, and automatic device detection.

Auto Device Detection

Apple devices get HLS (native), others get DASH with AV1 support. Or pick a format manually.

Quality Selector

Switch between all available resolutions. See adaptive bitrate streaming in action or lock to a specific quality.

Subtitle Support

WebVTT subtitles auto-discovered from the manifest. HLS fallback parsing included for broad compatibility.

Seek Thumbnails

Hover the progress bar to see thumbnail previews via VTT sprite sheets — just like YouTube and Netflix.

Hover Preview

A short preview video plays on hover before you click play. Shows viewers what to expect.

DASH-to-HLS Fallback

If DASH playback fails (e.g., no MSE support), the player automatically retries with HLS.

Live Demo

How It Works

1

Paste a URL

Enter any .m3u8 or .mpd stream URL into the input bar above.

2

Auto-Detect

The player detects your device and picks the best format — HLS for Apple, DASH for everything else.

3

Play & Test

Switch quality levels, toggle subtitles, hover for thumbnails. See exactly how your stream behaves.

Expected Folder Structure

This player works with any HLS or DASH stream. For the best experience — quality selector, subtitles, thumbnails, and hover preview — use the standard multi-resolution folder structure:

your-video/
├── master.m3u8           HLS master playlist
├── manifest.mpd          DASH manifest
├── 240p/
│   ├── init.mp4
│   ├── chunk_0.m4s
│   └── video.m3u8
├── 720p/ ...
├── 1080p/ ...
├── subtitles/
│   ├── english.vtt
│   └── spanish.vtt
├── thumbnails/
│   ├── thumb_0001.jpg
│   └── thumbnails.vtt
├── poster/
│   └── hd_image.jpg
└── preview/
    └── preview.mp4

Browser Compatibility

Browser Format AV1 H.264
Chrome 70+DASH (via dash.js)YesYes
Firefox 67+DASH (via dash.js)YesYes
Edge 79+DASH (via dash.js)YesYes
Safari 14+HLS (native)16.4+Yes
iOS SafariHLS (native)17+Yes

Generate This Folder Structure Automatically

DASH/HLS Packager converts any video into multi-resolution HLS & DASH in one pass — with thumbnails, subtitles, dual manifests, and this player included.

See Output Demo Download Free