HTML5视频持续时间

Question

我正在尝试使用JavaScript来增加P标签的宽度，以便干净地显示视频持续时间，我已经尝试但是我的所有尝试都失败了他是我的代码的缩写版本。

#Video_Progress_Background { position:relative; width:100%; height:5px; background-color: #383838; }
#Video_Progress { height:100%; background-color: #26A310; }

<div id="Video_Progress_Background">
      <p id="Video_Progress"></p>
</div>

var ProgressBar = document.getElementById("Video_Progress");

ProgressBar.style.width = Video.duration;

我知道这是基本代码，我尝试了其他方法，但是所有这些都失败了，这就是我认为对所有想要帮助理解我的问题的人更简单的方法。感谢任何可以提供帮助的人。

Answer 1

视频的持续时间为 Number 秒。

CSS width属性采用 Length ，必须（除非它是0）具有单位。

+ "px";

但是，通常情况下，您需要使用持续时间和当前时间来计算进度宽度，以计算百分比。