Показать сообщение отдельно
  #1 (permalink)  
Старый 11.08.2024, 11:09
Аватар для cupoma58
Интересующийся
Отправить личное сообщение для cupoma58 Посмотреть профиль Найти все сообщения от cupoma58
 
Регистрация: 10.11.2016
Сообщений: 17

Комбинированое использование JS + CSS3
Привет. Эта тема - плавно вытекла из предыдущей.
Есть в стилях такой прибамбас:
Код:
background:linear-gradient(to right, #222 50%, #666 50%);
Если добавить переменную:
var procent = (volume.value * 100) / volume.max;

то - получится рабочий код:
volume.addEventListener('input',()=>{   
    var procent = (volume.value * 100) / volume.max;
        volume.style.background = `linear-gradient(to right, #ffb90f ${procent}%, #363636 ${procent}%)`;
        video.volume = volume.value; 
});

Если код немного изменить:
video.addEventListener('timeupdate',()=>{ 
    var procent = (video.currentTime * 100) / video.duranion;
        progres.value = Math.floor(video.currentTime); 
        progres.style.background = `linear-gradient(to right, #ffb90f ${procent}%, #363636 ${procent}%)`; 
        curtime.innerHTML = videoTime(video.currentTime);
});

то он - перестаёт работать.
Не могу понять - в чём дело?
Ответить с цитированием