Audio

Wikia uses native browsers' media player to play audio files. Native players' width is approximately 240px, whereas the play button from Wikia is 180px. To avoid players jumping in size when audio is played and messing with page layout (especially infoboxes), I set the players' width to 100% and limiting its size with div.

I used 60px height to avoid vertical resize.

Wikias' play button can be resized by usual width syntax used on images.

Blink
Chrome and Opera had awful scaling at narrow width, tried to cram as much control into available space to the point that the volume slider and timeline slider unusable. Stop scaling below about 190 px and the controls simply cut out. Workaround:
 * If you want all control still usable, use larger than 270px width.
 * If you want at least timeline control usable, use exactly 160px width.
 * Between 160px to 190px, volume control slider get cut out. Not recommended.
 * If you want at least the timer visible, use exactly 125px width.
 * 45px IS THE BEST!!!

Gecko
Firefox had better volume control scaling, but stop scaling altogether below about 130px. Workaround: Don't scale below 130px.

Trident
GO TO HELL!!!!!!!!! Workaround: Don't use Trident-based browser.