JSFiddle - React, Tailwind, and code Playground

HTML

<video id="my-video" autoplay controls>
  <source src="https://andew.ru/content/uploads/userfiles/files/2015/08/196/html5-video-example.webm" type='video/mp4'>
</video>
<input type="range" step="0.1" min="0" max="1" id="volume" />

JavaScript

let videoView = document.getElementById("my-video");
let volumeControl = document.getElementById('volume');

volumeControl.addEventListener('input', function () {
    videoView.volume = volumeControl.value;
});

if (localStorage.getItem("volume")) {
  volumeControl.value = localStorage.getItem("volume");
    videoView.volume = volumeControl.value;

}
volumeControl.addEventListener("change", () => {
  localStorage.setItem("volume", volumeControl.value);
});