Javascript 如何在seekbar悬停上显示时间

目前，我正在用自己的设计和功能制作我的HTML5播放器

决定在

可以找到最简单的例子

在测试过程中，出现了以下问题：

如果暂停视频并单击进度条上的任意位置，滑块将向光标移动，并在大方向上出现某种反弹

如果使用相同的进度条进行播放，您会注意到，如果将光标悬停，将显示一个带有帧和时间预览的块，如果在进度条上的相同位置按，它将切换到该时间

关键是这些时间有时并不相同。例如，将光标悬停在进度条上，您认为是时间，例如00:10。而且，如果你不移动鼠标并点击右键，视频应该会转到10秒（逻辑上），但事实上，视频会转到00:11。但情况并非总是如此，这在视频开始时尤其明显，而不是立即

所有这些都在播放器中得到了很好的实现：也就是说，它被指向进度条，例如，在00:55，点击，滑块转到这个位置，没有反弹，当前时间清楚地显示为00:55，没有更多，也没有更少。一切都很好，一切都很酷

您在解决这些问题时是否遇到过任何问题？您是否遇到过类似的问题？还是只有我？

---

我很乐意提供任何答案和建议

也许你可以查看Plyr的源代码，了解他们是如何解决这个问题的？浏览器古怪的行为有时可能会令人不满意，但它几乎总是有一些解决办法。您必须调试您的问题，并查看程序中数据流的每个步骤。在某个地方，您会发现一些特定的代码行为和一个问题的紧凑演示之间存在差异，您可以在这里再次发布并找到具体的解决方案。这一次你提出了一个非常广泛的问题。也许你可以查看Plyr的源代码，了解他们是如何解决这个问题的？浏览器的古怪行为有时可能不令人满意，但它几乎总是有一些变通方法。您必须调试您的问题，并查看程序中数据流的每个步骤。在某个地方，您会发现一些特定的代码行为和一个问题的紧凑演示之间存在差异，您可以在这里再次发布并找到具体的解决方案。这次你提出了一个非常广泛的问题。