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 = 进度百分比

例如，当前 33 秒的 2 分钟视频的进度是：

33/120*100 = 27.5%

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

.progress {
  width: 27.5%
}