video.js当前时间控件无法显示

Question

使用video.js中当前时间和总时间显示不出来

这是我自己设置的控件，然后显示出来的结果

于是我上网找资料发现一个回答是调整css样式

但是依旧对我没有任何效果
有没有好人可以解答下QAQ

Answer 1

【以下回答由 GPT 生成】

这个问题可能是由于你的代码逻辑或 CSS 样式设置造成的。以下是一些可能的解决方案：

1. 确保已正确引入 video.js 库并创建了视频播放器实例。
2. 确保在你的 Vue 组件中正确设置 video.js 实例的 options 配置属性。例如，你可以使用 options 对象中的 controls 属性来启用默认的控件：

videojs('my-video', {
  controls: true
});

1. 如果你自定义了控件的样式，确保你的 CSS 选择器与控件元素匹配。你可以检查浏览器开发者工具中的元素面板，确认 CSS 选择器是否正确。
2. 如果你的样式被其他样式覆盖，可以使用 !important 关键字来强制应用你的样式，例如：

.my-custom-control {
  color: red !important;
}

1. 如果你的视频控件仍然无法显示，可能是由于其他 JavaScript 或 Vue 组件导致的冲突。你可以尝试暂时删除其他组件或插件，然后逐步排查问题。

【相关推荐】

• 这个问题的回答你可以参考下: https://ask.csdn.net/questions/7429569
• 这篇博客也不错, 你可以看下video.js,控制快进和后退（可后退不可快进）
• 除此之外, 这篇博客: video.js 自定义使用中的 自定义样式： 部分也许能够解决你的问题。

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^