当前视频时长未显示在video.js中

编程问答 2022-08-13

问题描述

视频时长不显示，我为显示当前时长添加了样式，但视频定时不显示。

<!DOCTYPE html>
<html>
<head>
<Meta charset=utf-8 />
<title>Video.js Example Embed</title>
<style type="text/css">
  .video-js .vjs-time-control{
    display: block;
  }
  .video-js .vjs-remaining-time{
    display: none;
  }
</style>
  <link href="http://vjs.zencdn.net/7.8/video-js.css" rel="stylesheet">
  <script src="http://vjs.zencdn.net/7.8/video.js"></script>
  <script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>
</head>
<body>
  <video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="268" 
      data-setup='{}'>
      <source src="http://vjs.zencdn.net/v/oceans.mp4" type='video/mp4'>
  </video>
</body>
</html>

enter image description here

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html5-videovideovideovideo.js