Всем привет. В HTML5 Video используется input для управления громкостью. Значение уровня громкости, сохраняется в lacalStorege,при перезагрузке страницы значение в input берется из localStorage, но факически, уровень громкости у видео = 1. Иными словами, ползунок стоит на 0,3, по факту уровень громкости = 1. Где ошибка? https://jsfiddle.net/t9L67hn4/10/
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");
}
volumeControl.addEventListener("change", () => {
localStorage.setItem("volume", volumeControl.value);
});
<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" />