时间戳

首页 > 解决方案 > 如何在javascript中暂停视频的视频播放时长？

javascript - 如何在javascript中暂停视频的视频播放时长？

问题描述

大家好，我想存储用户暂停视频时播放的视频时长。哪个视频在<video src="">标签中

标签： javascripthtml

解决方案

我们可以使用 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。如果您想保存它并在用户重新加载站点时记住它，您可以使用数据库或本地存储。

推荐阅读