I’m using mediaelement.js for an audio player that has a limited amount of space available. I need to include custom styling for the controls and have most of the CSS worked out. Where I’m running into trouble is that the mediaelement.js script is applying CSS widths to some of the control elements. I’m willing to modify my CSS to compensate for this, but I’m not sure the process that mediaelement.js goes through to arrive at its calculated widths.
So what are the steps mediaelement.js goes through to calculate the size of its controls?
Found the thing I needed to solve my problem: It’s not documented on the web site, but mediaelement.js allows for an option to be set “autosizeProgress” which defaults to true. Setting this to false allows the progress bar to be set to a specific size, which makes styling the controls in my instance much easier.