Я использую video.js, но не могу перемотать вперед при использовании на фреймворке Django

Я использую video.js для воспроизведения видео и создаю условие, если videoPn( n = от 1 до 17 ) = 0 видео плеер скрывает progressControl и когда videoPn = 1 видео плеер показывает progressControl. моя проблема в том, что когда videoPn = 1 видео плеер показывает progressControl, но он не может перематывать вперед, когда я нажимаю на progressControl видео перезапускается. Но я пытался протестировать это без Django, и это не проблема

var player = videojs("videoP");
function light(Cvideo) {
    for (let i = 0; i < videos.length; i++) {
        let video = videos[i];
        if (videos[i].id === Cvideo) {
            //change name and src
            document.getElementById("nameV").innerHTML = videos[i].name;
            player.src({ type: "video/mp4", src: videos[i].src });
            player.play();

            if (!video["videoP" + (i + 1)]) {
                //hide progressControl
                player.controlBar.progressControl.hide();
            player.on("timeupdate", function() {
                //percentage
                var percentage = (player.currentTime() / player.duration()) * 100;
                //display percentage
                document.getElementById("percentage").innerHTML = Math.round(percentage) + "%";
                if (percentage === 100) {
                    //if percentage = 100 change videoPn when n=i+1 
                    video["videoP" + (i + 1)] = 1;
                    //videoproมี = 1
                    var videopro = video["videoP" + (i + 1)] = 1;
                    
                    $.ajax({
                        type: "POST",
                        url: "/update-video-progress/",
                        data: {
                          video_id: videos[i].id,
                          videopro: videopro,
                        },
                        success: function(response) {
                          console.log("Video progress updated");
                         
                        },
                        error: function(xhr, textStatus, errorThrown) {
                          console.error("Failed to update video progress");
                        
                        },
                      });
                    return;
                }
            });
        } else {
            player.controlBar.progressControl.show();
        }
         break;
        }
    }
}

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