如何使用Javascript获取正在播放的视频的确切时间戳

Question

我正试图建立一个网站来为研究项目的视频添加注释。我没有太多的Web开发经验，尤其是Javascript。我现在所做的只是使用HTML中的<video>标签制作视频播放器。我希望能够创建一个按钮，当我单击该按钮时，它将记录视频已播放部分的确切时间戳。

我已经阅读并找到了一种解决方案，该解决方案可以创建一个与视频一起播放的计时器，但我担心计时器不会与视频同步

这是我用来创建视频播放器的代码：

<video width="300" height="300" controls>
    <source src="28063.mp4" type="video/mp4">
</video>
<h2><span id="timer"></span></h2>

以及计时器的代码：

var startTime = Date.now()

var interval = setInterval(function() {
    var elapsedTime = Date.now() - startTime;
    document.getElementById("timer").innerHTML = (elapsedTime).toFixed(3);
});

计时器每毫秒单击一次。

任何帮助将不胜感激！