Player Playground

Try out different source and Bitmovin player configurations


var conf = {
  key: "YOUR KEY HERE"
};

var source = {
  dash: "https://cdn.bitmovin.com/content/assets/art-of-motion-dash-hls-progressive/mpds/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.mpd",
  hls: "https://cdn.bitmovin.com/content/assets/art-of-motion-dash-hls-progressive/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8",
  poster: "https://cdn.bitmovin.com/content/assets/art-of-motion-dash-hls-progressive/poster.jpg"
};

var playerContainer = document.getElementById("player-container");
var player = new bitmovin.player.Player(playerContainer, conf);

player.load(source);

Player Configuration
Note : Key is optional for demo
Need help with configuration? Player Configuration Generator
Source Configuration
Need help with configuration? Source Configuration Generator



  • To generate player configuration, enter the values and click the generate button.
  • To expand and explore all possible player configurations, use the arrow buttons on each section.

  • To generate source configuration, enter the values and click the generate button.
  • To expand and explore all possible source configurations, use the arrow buttons on each section.

Try our SDKs

Bitmovin iOS SDK | Bitmovin Android SDK

Ready to get started?

Access your free account today by signing up for a trial