单击进度条,然后知道视频的计时器(之前和之后)

时间:2019-06-21 14:48:43

标签: javascript video.js dom-events

我正在使用Videojs,我需要知道何时使用时间轴进行导航。尤其是当我单击该条时,我想要播放器的“当前时间”,以及单击它的计时器(不过我想解释一下这很简单)

通过使用myPlayer.currentTime(),我可以获取视频的计时器,因此我可以使用诸如“ onclick”或“ onmousedown”之类的eventListener,尽管我可以在单击时获取视频的计时器。但这只会给我计时器。

这不容易解释,所以这是一个例子: progressbar 计时器当前为0:01,我单击为0:14 如何从播放器获取“ 0:01”,哪个事件

这是我的活动,但是我得到了新的计时器

myPlayer.controlBar.progressControl.on('mouseup', function (event) {
            console.log(myPlayer.currentTime());
});

我什至尝试在其他元素上尝试其他事件,例如mousedown也会为我提供计时器,而在我直接单击滑块时不会触发

myPlayer.controlBar.progressControl.on('mousedown', function (event) {
            console.log(myPlayer.currentTime());
});

我尝试了很多东西,但都没有用,您有什么想法吗?

1 个答案:

答案 0 :(得分:0)

VideoJS库提供了一个漂亮的小事件,可以对您的用例有用: timeupdate

只需设置一个全局变量 previousTime 并在每次timeupdate事件触发时对其进行更新。只要单击进度条,您就可以通过previousTime获取时间。

$(".stick").css("background-color", "#000");