如何在搜索栏悬停上显示时间

时间:2019-05-14 14:20:33

标签: javascript

目前,我正在以自己的设计和功能来制作HTML5播放器。

决定在 <input type="range" /> 元素的帮助下制作进度条 最简单的示例可以在a here中找到。

在测试过程中,出现了以下问题:

  1. 如果您暂停视频并在进度栏上的任意位置单击,则滑块将以较大的弹跳向光标移动。

  2. 如果您使用相同的进度条玩耍,您会注意到,如果将光标悬停在一个块上,则会显示一个带有帧和时间预览的块,并且如果您在进度上的相同位置按,栏,它将切换到该时间。

要点是,这些时间有时并不相同。例如,将光标悬停在进度条上,您以为是时间,例如00:10。而且,如果您不移动鼠标并在此处单击鼠标右键,则视频应从逻辑上移至10秒,但实际上,视频应移至00:11。但这并非总是如此,这在视频开始时特别明显,而不是立即出现

这一切在a Plyr播放器中都很好地实现了:也就是说,它指向进度条,例如,在00:55处单击,滑块移动到该位置而没有反弹,当前时间清楚地显示为00:55,不多不少。一切都很好,一切都很棒!

您在解决这些问题时是否遇到任何问题,是否遇到过类似的问题?还是只是我? 我将很高兴收到任何答复和建议

0 个答案:

没有答案