Video.js HLS & DASH Demo

Adaptive streaming with auto device detection, quality selector & subtitles

How It Works

  • Auto Detect: Apple devices get HLS, others get DASH
  • HLS: Played via Video.js VHS (built-in)
  • DASH: Played via dash.js + videojs-contrib-dash
  • Fallback: If DASH fails, retries with HLS automatically

Features

  • Adaptive bitrate streaming (ABR)
  • Manual quality selection
  • Subtitle tracks from manifest
  • Thumbnail preview on seek bar
  • Hover preview video
  • Poster image
  • Playback speed control
  • Keyboard shortcuts

Current Stream

  • Format: —
  • Manifest: —
  • Qualities: —
  • Subtitles: —

Keyboard Shortcuts

  • Space / K — Play / Pause
  • F — Fullscreen
  • M — Mute / Unmute
  • ← / → — Seek ±5s
  • ↑ / ↓ — Volume
  • C — Toggle subtitles