Interface StyleConfig

Sets if the UI should be enabled or not. Default value is true.

Example

const player = new Player({
  styleConfig: {
    isUiEnabled: false,
  },
});
Copy

Sets the CSS file that will be used for the UI. The default CSS file will be completely replaced by the CSS file set with this property.

Example

const player = new Player({
  styleConfig: {
    playerUiCss: 'https://domain.tld/path/to/bitmovinplayer-ui.css',
  },
});
Copy

Platform

iOS, Android

Sets the JS file that will be used for the UI. The default JS file will be completely replaced by the JS file set with this property.

Example

const player = new Player({
  styleConfig: {
    playerUiJs: 'https://domain.tld/path/to/bitmovinplayer-ui.js',
  },
});
Copy

Platform

iOS, Android

Determines how the video content is scaled or stretched within the parent container’s bounds. Possible values are defined in ScalingMode. Default value is ScalingMode.fit.

Example

const player = new Player({
  styleConfig: {
    scalingMode: ScalingMode.Zoom,
  },
});
Copy

Sets a CSS file which contains supplemental styles for the player UI. These styles will be added to the default CSS file or the CSS file set with StyleConfig.playerUiCss.

Example

const player = new Player({
  styleConfig: {
    supplementalPlayerUiCss: 'https://domain.tld/path/to/bitmovinplayer-supplemental-ui.css',
  },
});
Copy

Platform

iOS, Android

Sets which user interface type should be used. Default value is UserInterfaceType.bitmovin on iOS and UserInterfaceType.system on tvOS. This setting only applies if StyleConfig.isUiEnabled is set to true.

Example

const player = new Player({
  styleConfig: {
    userInterfaceType: UserInterfaceType.System,
  },
});
Copy

Platform

iOS, tvOS