寻求视频加载器gif

时间:2019-04-29 00:19:21

标签: javascript html5-video

如果用户在视频控制器上进行快进播放,是否有一种方法或在视频上构建功能以具有加载程序图像/ gif。

当前,我正在启用和禁用对搜索事件的控制。我想放置一些类似加载图像的东西,无论它是处于小屏幕状态还是全屏状态,都适合在屏幕上显示。之所以这样做,是因为我希望用户可以先执行一些条件,然后用户才能执行前进或重播。

这是我目前的流量。

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());
            }
        });

    });

0 个答案:

没有答案