如何在 HTML 中获取视频时间戳答案

【问题标题】：How to get video timestamp in HTML如何在 HTML 中获取视频时间戳
【发布时间】：2026-01-26 16:15:01
【问题描述】：

我正在做一个项目，我需要将视频的时间戳以实际时间格式显示为“01:12:50”。下面是我的代码，它以帧速率返回视频的当前时间，即“12.526”。谁能帮助我如何将其更改为实际时间，或者有什么方法可以使用 html 和 javascript 直接获取视频时间戳。

          <video id="myVideo" width="740px" height="600px"></video>
          <div id="timer"> </div>

          <script>
          document.getElementById("myVideo").addEventListener('timeupdate', function() {
              document.getElementById("timer").innerHTML = this.currentTime;
              currentTime = this.currentTime;
          });
          </script>

【问题讨论】：

currentTime 以秒为单位返回当前时间。所以“12.526”（在你的问题中）不是帧速率，而是视频的当前时间（以秒为单位）。

标签： javascript html video timestamp html5-video

【解决方案1】：

你可以做一个简单的数学运算！

document.getElementById("myVideo").addEventListener('timeupdate', function() {
var hours=parseInt(video.currentTime/(60*60),10);
var minutes = parseInt(video.currentTime / 60, 10);
var seconds = video.currentTime % 60;
if (hours==0) { 
documentgetElementById("timer").innerHTML=minutes+":"+seconds.toFixed(0)
} else { 
document.getElementById("timer").innerHTML=hours+":"+minutes+":"+seconds.toFixed(0)
}

});

您可能需要也可能不需要 if else 代码。你可以随意改变。

如果对您的问题有帮助，请将其标记为答案。

【讨论】：