如何在JS中返回上一页时保持视频播放

Question

我有一个页面，其中有一个表格，其行是指向其他页面的链接 当点击一行（链接）时，我将位置设置为该URL：

window.location=mytable.rows[temp_no].getElementsByTagName("a")[0];

在其中一个链接中，视频播放器开始在链接中播放文件，我希望它在我回到上一页时继续播放，以便我可以在浏览其他链接时收听音乐。登记/> 我转到上一页：

window.location.href="..";

这自然会摧毁一切，即视频播放器。我无法在新窗口中弹出新窗口或打开视频播放器，因为此应用程序适用于具有单一浏览器窗口的设备。

任何解决方案？

Answer 1

当然可以。更改位置会导致卸载整页并加载新页面。

如果您不想要这种行为，则必须使用AJAX重新加载您网站的部分内容。

在弹出窗口中打开视频将是另一种解决方案，但新窗口通常很烦人，因此请提供用户，例如用“在新窗口中打开视频”链接。

编辑：在这种情况下 - 假设电视浏览器具有理智的JavaScript引擎 - 使用AJAX。 另一个“解决方案”是添加onbeforeunload事件，以便在用户离开页面之前请求用户确认。

除非您使用框架并且只是在另一个框架中加载另一个页面，否则无法使用新窗口或AJAX。

Answer 2

在不同窗口中对您的视频使用window.open，以便父窗口可以随时随地导航。

请注意，您必须停用任何弹出窗口拦截器。

** 更新 **

如果您需要同一窗口中的所有内容，请考虑使用某些iframe来查看其他页面。 iframe的优势在于它们拥有自己的CSS样式，Javascript沙箱，因此在iframe中查看的任何页面都不会（通常）影响它的父容器。当然，有一些方法可以在iframe和它的父节点之间进行通信，反之亦然。但这不是问题范围。