如何在javascript中暂停的视频上获得视频播放时长?

时间:2021-06-21 15:24:37

标签: javascript html

大家好,我想存储用户暂停视频时播放的视频的持续时间。 <video src=""> 标签中的视频

1 个答案:

答案 0 :(得分:0)

我们可以使用js轻松获取视频的时长。使用 onpause 事件侦听器,然后我们可以使用 currentTime 获取视频的当前时间。以下是用法示例:

var video = document.getElementById("video");
var time = document.getElementById("time");
video.addEventListener("pause", timev);

function timev() {
  var curtime = video.currentTime;
  time.innerHTML = curtime;
}
<video id="video" width="320" height="240" src="https://www.w3schools.com/html/movie.mp4" controls></video><br>
<span id="time">0.0</span>

这只是在视频暂停时调用函数 timev(),并获取时间并更新计数器。在你的问题中你也问

<块引用>

我想存储用户暂停视频时播放的视频时长。

如果您的意思是使用 javascript 作为变量存储它,则存储的持续时间是变量 var curtime。如果您想保存它并在用户重新加载站点时记住它,您可以使用数据库或本地存储。