In order to provide a video playback UI, WordPress uses the excellent MediaElement library. Recently, I discovered a slightly annoying flaw – I couldn’t see the play button!
Here’s a screenshot of the video UI.
In the middle of this screenshot is a white play button. I have trouble seeing it, because the video’s background colour is predominantly white.
The issue is with the
mejs-controls.svg – the graphic which contains the interface controls. I think it could be made more accessible with the following changes:
- Make the background of the button a transparent grey.
- Move the play triangle to the foreground.
A pretty simple fix!
This creates a semi-transparent grey background, with a white stroke. So the play button will be visible no matter the colour of the background video. Here’s what it looks like: