html - youtube 播放器如何缩放进度/轨迹栏？

Question

我想知道让我们说例如youtube 的标准播放器宽度是 640px

var width = 640;

然后我们有一部电影可以说 102 秒

var length = 102px; 

如果随后播放电影，当某些部分是分数并根据分数本身和/或您使用的浏览器向上或向下舍入时，轨迹栏如何知道如何均匀地增加自身。

所以

6.4 = 1% of 640px

和

1.02 = 1% of 102px

但如果我是正确的，css 会相应地将其舍入为 6 和 1 吗？那么玩家不会慢慢失去精度吗？然后回到同一个问题，然后如何以某种方式均匀计算？

Answer 1

你不应该在这里追求像素。

当前进度时间/总时间*100=进度百分比

比如一个2分钟的视频当前在33秒的进度是:

33/120*100 = 27.5%

.progress-bar {
  width: 100%; // Not really required actually
}

.progress {
  width: 27.5%
}