JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://jwpsrv.com/library/bAoO0M8FEeOA+iIACi0I_Q.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<div id="jwp"></div>
<button id="push">Push to playlist</button>

JavaScript

$(function () {
    jwplayer('jwp').setup({
        playlist: [{
            title: "Kalimba 1",
            sources: [{
                file: "https://ia601505.us.archive.org/20/items/Kalimba.mp3_377/Kalimba.mp3"
            }]
        }],
        listbar: {
            position: "right",
            size: 240
        }
    });
    
    $("#push").on("click", function() {
        var newItem = {
            title: "Test",
            file: "https://ia902508.us.archive.org/5/items/testmp3testfile/mpthreetest.mp3"
        };
        var curpos = jwplayer().getPosition();
        var playlist = jwplayer().getPlaylist();
        playlist.push(newItem);
        jwplayer().load(playlist);
        jwplayer().onPlaylist(function() {
            jwplayer().seek(curpos);
            jwplayer().play();
        });
    });
});