Javascript 当我在html5视频滑块上悬停时的当前时间工具提示

朋友们好，我正在制作一个html5视频播放器，我被这个问题困住了。我希望每当我们在搜索栏上悬停时，都会出现一个小框，显示搜索栏上某一点的时间。如有任何建议，我们将不胜感激。

更新：

最后，我找到了一种方法，使当前时间工具提示比以往任何时候都更具响应性。下面是一个简单的示例：

var video=$（'video'）[0]；
var-timeDrag=false；
$（'.seek con'）。on（'mousedown'，函数（e）{
timeDrag=true；
更新栏（e.pageX）；
});
$（文档）.on（'mouseup'，函数（e）{
如果（时间拖动）{
timeDrag=false；
更新栏（e.pageX）；
}
});
$（文档）.on（'mousemove'，函数（e）{
如果（时间拖动）{
更新栏（e.pageX）；
}
});
var updatebar=函数（x）{
变量进度=$（'.seek con'）；
//计算阻力位置
//并在当前时间更新视频
//以及进度条
var maxduration=video.duration；
var position=x-progress.offset（）.left；
变量百分比=100*位置/进度.宽度（）；
如果（百分比>100）{
百分比=100；
}
如果（百分比<0）{
百分比=0；
}
$（'.seek-inner'）.css（'width'，percentage+'%'）；
video.currentTime=最大持续时间*百分比/100；
};
$（'.seek con'）.mousemove（函数（e）{
变量进度=$（'.seek con'）；
//计算阻力位置
//并在当前时间更新视频
//以及进度条
var maxduration=video.duration；
var position=e.pageX-progress.offset（）.left；
变量百分比=100*位置/进度.宽度（）；
如果（百分比>100）{
百分比=100；
}
如果（百分比<0）{
百分比=0；
}
var x=百分比/100*video.duration；
$（'.tooltip con'）[0].innerHTML=timeFormat（x）；
var offestY=progress.offset（）.top；
变量y=e.clientX-33；
$（'.tooltip con'）[0]。style.top=progress[0]。offsetTop-62+“px”；
$（'.tooltip con'）.css（'margin-left'，y+'px'）；
});
$（'.seek con'）.hover（函数（）{
$（'.tooltip con'）.fadeIn（）；
}，函数（）{
$（'.tooltip con'）.fadeOut（）；
});
var timeFormat=函数（秒）{
var m=Math.floor（秒/60）您需要在将
seekbar
悬停在某处时添加触发器。我没有看到函数
updatebar（）
的代码，但它应该是关于如何计算视频的相应时间的答案。嘿
updatebar（）
实际上是一个变量，它有一个函数。谢谢兄弟，你的提示确实起了作用。我只是想了想，我成功地制作了工具提示。这都是因为你。谢谢，我喜欢这个逻辑！