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": "/media/big-buck-bunny-poster.jpg"
};
player.setup(mediaSource);
Media Source
Custom Source
Encryption Configuration
AES-128
DRM (Widevine / PlayReady / FairPlay)
Player Options
Playback
Controls Visibility
Additional Controls
Download Options
Advanced Features
Playback Configuration
Player Libraries
Mobile & Device
Logging
Player Engine