UI Framework

This page provides insights into the architecture, structure and how the UI communicates with the Player to provide a deeper understanding of the possibilities when customising the UI.

If you are interested in customizing our UI, it's important to gain a better understanding of the framework and its implementation.

Our UI is designed as a flexible and modularized layer on the player API. This enables customers and users of the player to easily customize the UI to their needs in design, structure, and functionality. It also makes it extremely easy and straightforward to add additional components.

The UI framework is located as an open-source framework on GitHub (bitmovin-player-ui).

🫶

We encourage our users to proactively contribute to our codebase.

Our UI is distributed as an NPM package on npmjs.com or statically hosted on our CDN.

  • NPM package
  • CDN-Hosted
    <script src="https://cdn.bitmovin.com/player/web/8/bitmovinplayer-ui.js" type="text/javascript"></script>
    

The main aspects of the framework which are essential to understand before diving into creating custom or modifying existing components are: