HTML5 video ошибка currentTime

Uncaught TypeError: Failed to set the 'currentTime' property on 'HTMLMediaElement': The provided double value is non-finite.

пишу проект на джанго(видеохостинг) и не могу настроить перемотку видео

const Video = document.querySelector('.video'),
    playBtn = document.querySelector('.control_play'),
    stopBtn = document.querySelector('.control_stop'),
    playBtImg = document.querySelector('.play_bt'),
    progress = document.querySelector('.progress'),
    time = document.querySelector('.time')
{%load static%}
function toggleVideoStatus() {
    if (Video.paused) {
        Video.play()
       // playBtImg.src = "{% static 'main/img/pause.png' %}"
    } else {
        Video.pause()
        //playBtImg.src = "{% static 'main/img/play.png' %}"
    }

}

playBtn.addEventListener('click', toggleVideoStatus)
Video.addEventListener('click', toggleVideoStatus)

function updateprogress() {
    progress.value = (Video.currentTime / Video.duratiion) * 100

    let min = Math.floor(Video.currentTime / 60)

    let seconds = Math.floor(Video.currentTime % 60)

    time.innerHTML = `${min}: ${seconds}`
}
Video.addEventListener('timeupdate', updateprogress)

function setProgress() {
    Video.currentTime = progress.value * Video.duratiion / 100

}

progress.addEventListener('change', setProgress)

как можно это пофиксить?

сам django выводит это

Вернуться на верх