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%
}