单击“播放”时如何使滑块移动百分比百分比?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了单击“播放”时如何使滑块移动百分比百分比?相关的知识,希望对你有一定的参考价值。

有不同持续时间的成分,滑块应以不同的速度移动。例如,对于一种情况,1%存在3秒,而在其他情况下存在5秒,依此类推。怎么办?

答案

我假设你正在制作视频播放器,对吗?

这将根据经过的时间设置播放头元素。

var playHeadPosition = videoEl.currentTime / videoEl.duration;
playheadEl.style.left = playHeadPosition + "%";

以上是关于单击“播放”时如何使滑块移动百分比百分比?的主要内容,如果未能解决你的问题,请参考以下文章

如何获取 HTML5 视频中加载的当前片段百分比?

如何使滑块图像更暗?

使用滑块控制 nslayoutConstraint 的宽度和高度

如何使滑块控件的滑块更宽? (使用 MFC)

如何使滑块值保留一位小数?

如何使滑块响应(codepen)?