Question

希望有人帮助我。

基本上我正在尝试从我的视频创建自定义控件，目前我正在创建跟踪栏的部分，我正在使用html type="range"，现在我需要指定范围颜色基于已观看，缓冲并保留的视频持续时间。

在提到我的问题之前，这是我的代码：

vid.addEventListener('progress', function() {
    var val = loadPercentage;
    $('<style>.vidskb_r::-webkit-slider-runnable-track{background-image:-webkit-gradient(linear, left top, right top,color-stop(' + val + ', #fff), color-stop(' + val + ', rgba(0,0,0,0)));}</style>').appendTo('head');
});

$('.pofvv').on("timeupdate",function () {
    var val = ($('.vidskb_r').val() - $('.vidskb_r').attr('min')) / ($('.vidskb_r').attr('max') - $('.vidskb_r').attr('min'));
    $('<style>.vidskb_r::-webkit-slider-runnable-track{background-image:-webkit-gradient(linear, left top, right top,color-stop(' + val + ', #ff7e20), color-stop(' + val + ', rgba(0,0,0,0)));}</style>').appendTo('head');
});

问题在于，当它进入进度处理程序时，它不显示缓冲的视频持续时间，或者显示缓冲的持续时间但不显示已观看的视频持续时间。

This is what I mean

此致

如何在CSS中使用颜色停止保持左侧颜色？

0 个答案: