time - 显示视频的当前时间，而不是 videojs 上的剩余时间

Question

我使用VideoJS ，一个HTML5视频播放器

默认情况下，它显示剩余时间(倒计时)而不是正常的当前时间(如 YouTube)

有什么想法如何“修复”它吗？您可以在their official website查看实例。

Answer 1

对于其他寻求解决方案的人...

所有计时器都存在于播放器上，但默认情况下，当前时间、时间分隔符和持续时间 > 信息隐藏，display: none;。

所以我们唯一要做的就是隐藏剩余时间并显示时间控制 其中包括当前时间、时间分隔符和持续时间。

适用于您的播放器的 CSS 代码解决方案:

.video-js .vjs-time-control {
    display: block;
}
.video-js .vjs-remaining-time {
    display: none;
}

文档没有解释这一点，或者准确地说，当它解释如何使用 CSS 自定义播放器时，它没有解释这一点。

<小时/>

快速 html 代码片段:

<style type="text/css">
    .video-js .vjs-time-control{display:block;}
    .video-js .vjs-remaining-time{display: none;}
</style>