How to change state of an element when media is playing?

Hello everyone,

I would like to change the color of a rectangle when a audio file is running, and go back to the initial state when the audio file is finished.

Note: the media starts when the user hovers the mouse over the rectangle.

Thank you for helping.