JSFiddle - React, Tailwind, and code Playground

HTML

<video muted autoplay controls id="testid" width="500">
    <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4" />
    <source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg" />
    <source src="http://www.w3schools.com/html/mov_bbb.webm" type="video/webm" />
    <img src="http://dummyimage.com/1044x585/000/fff" />
</video>

JavaScript

$('#testid').on('pause play ended', function (e) {
    $('body').append('<br>Event triggered: ' + e.type);
});