网页关闭时停止视频播放，然后在可以停止的地方重新开始播放答案

【问题标题】：Stop video playing when web page is closed and start it again where it can be stoped网页关闭时停止视频播放，然后在可以停止的地方重新开始播放
【发布时间】：2020-04-21 06:29:21
【问题描述】：

我需要 php 网站的帮助。我正在创建类似在线视频课程的网站。我需要视频模块的帮助。如果播放任何视频并在一段时间后关闭它，然后再次播放此视频，则需要在可以播放的地方播放停止或关闭。该视频来自数据库而不是嵌入式视频。为了显示我正在使用余辉视频播放器的视频。

<video class="afterglow" id="myvideo" height="385px" width="770px">
<source type="video/mp4" src="adminpanel/video/<?php echo $results->c_video; ?>"  />
</video>

有没有解决这个问题的脚本。

【问题讨论】：

您必须以某种方式存储信息。它完全取决于你如何做到这一点。使用 LocalStorage 或者 PHP Session。无论你喜欢什么。但 SO 不是编码服务。因此，请编辑您的问题并向我们展示您迄今为止所做的尝试。
我只使用了html视频标签。仅此而已。
好吧，让我试着为你指出正确的方向 :)

标签： javascript php controls video-streaming html5-video

【解决方案1】：

根据 cmets 的建议，您必须将视频的位置保存在某处。最简单的方法是使用 localStorage。您可以在官方文档中阅读更多关于 localStorage 的信息：https://developer.mozilla.org/de/docs/Web/API/Storage

在播放视频时，时间戳会每秒刷新一次，并且本地存储项也会更新。

然后，如果您重新加载页面（请记住：刷新后项目仍然存在于存储中），您检查其是否存在并将视频设置为时间戳。

这应该为您指明正确的方向。

let video = document.getElementById("example");



if (localStorage.hasOwnProperty("time")) { //if time was set before adjust the video to it
 video.currentTime = localStorage.getItem("time");
}
let timer = setInterval(getTimestamp,1000);

function getTimestamp(){
  localStorage.setItem("time", video.currentTime);
  console.log(localStorage.getItem("time"));
}

<video id="example" width="320" height="240" controls>
  <source src="yoursourcefile" type="video/mp4">
</video>

【讨论】：