javascript - 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

视频的持续时间将是秒数。

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

+ "px";

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