MKPlayer customization

The @mediakind/mkplayer-customui-plugin lets you build and customize playback interfaces on top of Bitmovin Player UI V3.

Previously, MKPlayer supported a basic ui: true | false flag to show or hide the default playback UI. The MKCustomUI plugin extends this by enabling full layout, control, behavior, and styling customization.

What you can do

• Build MKPlayer's default-style UI
• Create fully custom playback UIs
• Configure UI behavior through uiConfig
• Use responsive UI variants for mobile and browser layouts
• Style playback controls using CSS class overrides
• Apply UI updates dynamically at runtime based on screen size, app state, and user context

In this section

• Install and initialize: Install the plugin, disable the default UI, and initialize MKPlayer and MKCustomUI.
• UI configuration and variants: Configure uiConfig, build responsive layouts, and use lifecycle events.

• MKCustomUI API: Reference list of constructors and UI factory methods.
• CSS customization: Apply CSS overrides for seekbars, typography, and branded visual styling.

External references

• NPM package: @mediakind/mkplayer-customui-plugin
• API docs: MKCustomUI API reference
• Sample code: MKPlayerSamples custom UI example