To achieve this the % values must be passed to the parent element of the player container. However % value for the width or height of the player can easily be emulated using theĪutoHeightMode setting. As such proper width or height for the player can only be computedīased on a reference aspect ration value.
The reason is that when it comes to video sizing aspect ratio considerations are critical. 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 Name – The name you wish to give the breakpointīreakPoint Width – At and below this width, this breakpoint is triggered.Radiant Media Player offers flexible ways to set the size of the player. ScreenWidth 251px, will only trigger BreakPoint 2. A device with a screen width of 250px will only trigger Breakpoint 1. The lowest BreakPoint Width will take effect over any higher BreakPoint Widths when the screen device is below or at its BreakPoint Width.Įxample Breakpoint 1 250px, Breakpoint 2 350px. Use this to provide some additional styling.Īvailable under advanced settings, and will let you specify the width of the site to display depending on the width of the device. Scale – This will change the max-width percentage of the iframe’s parent element, it will allow the element to be scaled by size.Īdditional CSS – Any additional CSS will be applied to the iframe’s parent element. Scrollbar – Displays a scroll bar if the height,and width are smaller than the iframe website.īorder – Dislays a default border around the iframe element. Height – This represents the actual height you want to display from the iframed website.
Width – This represents the actual width you want to display from the iframed website. Site Address – The url address of the website you want to iframe Find Responsive iframes and click it.īy default your current website will be displayed in the iframe. UseĬreate a post like you normally would and then click the + icon displayed to Add block.
Iframe responsive resize to content install#
Install the plugin thru the plugin manager, or upload it as a zip file into the plugin manager. From the administration page in the left side bar click Plugins. The plugin manager is located on the administration page. A Responsive Iframe that will resize itself to its parent element.
0 kommentar(er)
