提交表单数据后如何返回在html中暂停的视频？

Posted 2023-05-07

【中文标题】提交表单数据后如何返回在html中暂停的视频？

【英文标题】：How to go back to video where it was paused in html after submitting form data?

【发布时间】：2017-06-16 12:52:12

【问题描述】：

我已经制作了一个 html 页面。并在该视频标签中添加。现在，在视频暂停一段时间后，出现一个表单，然后使用 servlet 提交该表单的数据。现在我想回到暂停的视频状态。我应该在 servlet 中使用什么来做到这一点。因为

response.sendRedirect(request.getHeader("referer"));

回到页面的开头。

已编辑

我在提交表单时这样做document.cookie="currentTime=video.currentTime";，而这个

vid.addEventListener("timeupdate", function()
       
        if(getCookie("currentTime")!==0)
            video.currentTime=getCookie("currentTime");
        

在事件监听器中，有什么问题？

【参考方案1】：

不幸的是，您可以在服务器端做很多事情来做到这一点。但是在页面上的 javascript 中，您可以将事件处理程序绑定到视频。具体来说，如果您绑定progress 事件，您可以跟踪用户的位置。您可以在获取进度事件时设置一个cookie，并在事件进入时将其覆盖，然后当用户返回页面时，make the video seek 为您上次保存的时间。

【讨论】：

转发到上一页时，如何覆盖视频的时序？

localStorage 也会有所帮助。 ***.com/questions/11667925/… 以及关于视频覆盖时间***.com/questions/10461669/…

【参考方案2】：

您可以创建一个不同的 servlet 来捕获表单响应并使用 ajax 提交表单，这将阻止页面刷新，从而节省了在 video 标签中查找的位置。

【讨论】：

你能详细说明一下吗，因为我是新手。？

对于提交表单，您必须在表单中向操作 url 发送响应，而不是创建一个单独的 servlet（例如 formResponse ）来捕获表单响应。将表单中的操作设置为 formResponse.And onSubmit of form send request using ajax（如果您不知道 ajax，请告诉我）在 ajax 调用成功时您可以隐藏表单并恢复视频播放

我不知道 ajax

jsfiddle.net/7q19Lom8 看看这个 sn-p，我创建了一个基本表单并使用 jQuery 使用 ajax 提交其响应，您可以 google ajax 表单提交并了解更多信息。