我想知道让我们说例如youtube 的标准播放器宽度是 640px
var width = 640;
然后我们有一部电影可以说 102 秒
var length = 102px;
如果随后播放电影,当某些部分是分数并根据分数本身和/或您使用的浏览器向上或向下舍入时,轨迹栏如何知道如何均匀地增加自身。
所以
6.4 = 1% of 640px
和
1.02 = 1% of 102px
但如果我是正确的,css 会相应地将其舍入为 6 和 1 吗? 那么玩家不会慢慢失去精度吗?然后回到同一个问题,然后如何以某种方式均匀计算?
最佳答案
你不应该在这里追求像素。
当前进度时间/总时间*100=进度百分比
比如一个2分钟的视频当前在33秒的进度是:
33/120*100 = 27.5%
.progress-bar {
width: 100%; // Not really required actually
}
.progress {
width: 27.5%
}
关于html - youtube 播放器如何缩放进度/轨迹栏?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18536070/