Видео загрузчик GIF при поиске

Question

Есть ли способ или функция построения на видео, чтобы иметь изображение / изображение загрузчика, если пользователь выполняет ускоренную перемотку вперед на видео контроллере.

В настоящее время я делаю включение и отключение управления при поиске события. Я хочу поместить что-то вроде загрузки изображения, которое будет помещаться на экране, будь то в маленьком или полноэкранном режиме. Я делаю это, потому что хочу, чтобы в моем запросе были некоторые условия, прежде чем пользователь сможет выполнить передачу вперед или воспроизведение.

Вот мой текущий поток.

HTML:

 <video id="video" controls disablePictureInPicture controlsList="nodownload" style="margin-top:3px; width:100%; height:auto">
            <source id="parentVideo" type="video/mp4">
        </video>

JS:

 video.addEventListener("seeking", function (event) {
        title = document.getElementById("lbl_vid_path").innerHTML;
        //console.log("Title: " + title + " site: " + site + " email: " + mail);
        console.log('hey');
        $.ajax({
            url: '/Home/getDuration',
            type: 'GET',
            dataType: 'json',

            beforeSend: function () {
                video.controls = false;
            },

            data: {
                'email': mail.toLowerCase(),
                'site': site,
                'title': title,
            },

            success: function (data) {
                if (data.length == 0) {
                    console.log("db empty");
                    if (video.currentTime > previousTime) {
                        video.currentTime = previousTime - 1;
                    }
                } else {
                    $.each(data, function (i, item) {
                        var previousTime = parseFloat(item.duration);
                        console.log("seeking time :" + (video.currentTime).toString() + " > " + previousTime.toString() + " return true");
                        if (video.currentTime > previousTime)
                            video.currentTime = previousTime - 1;
                    });
                }
                video.controls = true;
                video.play();
            },
            error: function (jqXhr, textStatus, errorThrown) {
                console.log(errorThrown.toString());
            }
        });

    });