JSFiddle - React, Tailwind, and code Playground

HTML

<audio id="predvajalnik" autoplay>
    <source src="https://www.youtube.com/watch?v=gmobt2sqYrg" type="audio/ogg">
        <source src="https://www.youtube.com/watch?v=gmobt2sqYrg" type="audio/mpeg">
            <source src="https://www.youtube.com/watch?v=gmobt2sqYrg" type="audio/mp3">Your browser does not support the audio element.</audio>
<div id="video-controls">
    <button onclick="document.getElementById('predvajalnik').play()">Predvajaj</button>
    <button onclick="document.getElementById('predvajalnik').pause()">Ustavi</button>
    <input type="range" id="glasnost" min="0" max="1" step="0.01" value="1" />
</div>

JavaScript

$('#glasnost').on('change', function () {
    $('#predvajalnik').prop("volume", this.value);
});