视频累计播放时间怎样记录到localStorage

要将视频的累计播放时间记录到localStorage中，您可以在视频暂停或页面关闭之前将累计播放时间保存在localStorage中，然后在页面重新加载时从localStorage中恢复并更新累计播放时间。

以下是一个示例代码，展示如何实现这一功能：

var video = document.getElementById("myVideo"); // 获取视频元素
var startTime; // 视频开始播放的时间
var totalPlayTime = 0; // 视频的累计播放时间

// 检查localStorage中是否存在累计播放时间
if (localStorage.getItem("totalPlayTime")) {
  totalPlayTime = parseInt(localStorage.getItem("totalPlayTime")); // 从localStorage中获取累计播放时间
  console.log("视频的累计播放时间：" + totalPlayTime + "秒");
}

// 监听视频的播放事件
video.addEventListener('play', function() {
  startTime = new Date().getTime(); // 记录视频开始播放的时间
});

// 监听视频的暂停事件
video.addEventListener('pause', function() {
  var endTime = new Date().getTime(); // 记录视频结束播放的时间
  
  var playTime = (endTime - startTime) / 1000; // 计算本次播放时长（单位：秒）
  totalPlayTime += playTime; // 更新累计播放时间
  console.log("本次播放时长：" + playTime + "秒");
  console.log("视频的累计播放时间：" + totalPlayTime + "秒");

  // 将累计播放时间保存到localStorage中
  localStorage.setItem("totalPlayTime", totalPlayTime);
});

// 在页面关闭之前保存累计播放时间到localStorage
window.addEventListener('beforeunload', function() {
  localStorage.setItem("totalPlayTime", totalPlayTime);
});

在这段代码中，我们首先通过`getElementById`方法获取视频元素。然后，我们检查localStorage中是否存在累计播放时间。如果存在，我们从localStorage中获取累计播放时间，并将其显示在控制台上。

接着，我们监听视频的播放事件和暂停事件。当视频开始播放时，我们记录当前时间作为开始时间。当视频暂停时，我们记录当前时间作为结束时间，并计算本次播放时长。然后，我们将本次播放时长加到累计播放时间上，并将其显示在控制台上。

在页面关闭之前，我们使用`beforeunload`事件监听器将累计播放时间保存在localStorage中。

请注意，上述示例中的`"myVideo"`是一个示例视频元素的id。您需要根据实际情况将其替换为您网页中视频元素的id。