Powered by Ravnur

Player Playground

Experiment with different player options and sources in real-time. Select a preset source or provide your own to see how the player behaves with different configurations.

Player Preview

Generated Code

const mediaSource = {
  "id": "hls-demo",
  "src": "https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8",
  "type": "application/x-mpegURL",
  "title": "Big Buck Bunny (HLS)",
  "poster": "https://upload.wikimedia.org/wikipedia/commons/thumb/c/c5/Big_buck_bunny_poster_big.jpg/1200px-Big_buck_bunny_poster_big.jpg"
};

player.setup(mediaSource);

Media Source

Custom Source

Player Options

Playback

Controls Visibility

Additional Controls

Download Options

Advanced Features

Playback Configuration

DRM Configuration

Player Libraries

Mobile & Device

Logging

Player Engine