Board Thread:Support Requests - Getting Technical/@comment-24288618-20150817063535/@comment-5645428-20150817135610

The audio player lacks specific classes, and clicking play changes up the html. The following is what you can use to target elements, before clicking play: CONTAINER .ogg_player DIV 1 .ogg_player div:first-child .ogg_player div:first-child button DIV 2 .ogg_player div:last-child .ogg_player div:last-child a .image

And afterwards: CONTAINER .ogg_player DIV 1 .ogg_player div:first-child .ogg_player div:first-child audio DIV 2 .ogg_player div:last-child .ogg_player div:last-child .ogg-player-options (further expands) .ogg_player div:last-child a

Here is a simple compact version which hides the rather pointless options features and adds some text beside the play button so you know what it is. The only downside is that this text also pops up on the thumbnails on file lists, but this is well clear of the typical viewer. .ogg_player div:first-child::before { position: absolute; margin-top: 3px; content: 'Play audio'; } .ogg_player div:first-child button { width: auto !important; height: auto !important; margin-left: 70px; padding: 0; border: none; background: none; } .ogg_player div:first-child audio { width: 180px; margin-left: 70px; } .ogg_player div:last-child {display: none;}

And fortunately, the MediaWiki lockdown won't hold you back here.