Player demo

This page loads a short sample clip straight from this origin node, using exactly the segment layout described in the overview.

What the player requests

Open your network inspector while the clip plays and you will see the multivariant manifest, one media playlist per rung, and then a steady sequence of transport-stream segments.

# multivariant manifest
GET /video/hls/sample/index.m3u8

# media playlist for the selected rung
GET /video/hls/1080/index.m3u8

# segments, fetched continuously while playing
GET /video/hls/1080/part.ts

Embedding it yourself

<video controls playsinline
  src="/video/hls/sample/index.m3u8"></video>

Safari and iOS play HLS natively. On other browsers, attach hls.js to the same source — the manifest is standards-compliant and needs no special handling.