JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://mediaelementjs.com/js/mejs-2.8.2/mediaelementplayer.min.css">
<script src="http://mediaelementjs.com/js/mejs-2.8.2/mediaelement-and-player.min.js"></script>
<audio src="http://en45.com/Files/Voices/2111844783121.mp3" class="player_1"></audio>
<ul class="items"></ul>

JavaScript

var player = new MediaElementPlayer('.player_1');



$('body').on('click', '.mejs-pause', function (e) {
    $('.items').append('<li>paused</li>');
});