The player does not directly support % values for width or height through player settings. Using percent for player width and height Default: false.ĪutoHeightMode is set to true. This mode can be used to better fit specific mobile and responsive designs. When set to true this setting will set the player width to 100% and its height will automatically be computed based on the aspect ratio defined in theĪutoHeightModeRatio setting. See the other sizing modes below for alternative sizing options. The width and height values must be expressed in pixels. The player will automatically be resized based on context but will never exceed this height parameter. The maximum height of the player in pixels. The minimum supported width for the player is 272px at a 16:9 ratio. The player will automatically be resized based on context but will never exceed this width parameter.

The maximum width of the player in pixels. Responsive player with maximum width and maximum height set in pixels Those are set internally based on the selected ) on the player container (wrapper div element with the. Player CSS sizing classes can be found here.ĭo not directly apply sizing in CSS or JavaScript (width, height. In order to boost performance, updates in player size are throttled and only applied when an actual change in size is required. Init on player when your application main CSS files are loaded. orientationchange or resize event fire on window object.The player will automatically resize itself when: In case the player container parent element width cannot be computed the player will use the default input width provided but may not be Property or getComputedStyle/getPropertyValue must be available for this player container parent element. All sizing methods are responsiveīased on width of the parent element of the player container so it is assumed the player is included in a HTML/CSS layout where the player container parent element width can be computed: technically this means that either the offsetWidth Radiant Media Player offers flexible ways to set the size of the player.

Radiant player touchbar