Javascript （JS）类似SPA的网站行为和背景视频

请原谅我，如果还有这样的线程存在-我找不到这个特定问题的答案

我将很快为一个vanilla JS AJAX加载的网站开发前端，其类似SPA的行为类似于此中的home slider： -

我可能会使用的方法是从目标子模板加载容器的innerHTML，然后将状态推到历史上相当标准的方法，我相信

现在，包含图像背景的幻灯片非常明显-它所需要做的就是将相同的图像放置在目标子页面英雄部分，然后加载动画。问题可能在于视频幻灯片-如何使它们在重新加载期间和之后继续无缝播放？一旦目标页面被加载并放置到视图中，这种方法会迫使他们从头开始吗

我还没有试过，我想我应该提前问一下，以免自己一路陷入错误的方法中：）

提前谢谢大家,，

---

Peter

第100次研究参考模板，我想我自己想出了某种解决方案：

如果主页和目标页面的结构如下：

...
...

您想通过设置

innerHTML

用新的HTML元素替换“当前”HTML元素来交换呈现的内容，这对吗？如果是，那当然会迫使任何播放视频停止并重新开始，因为您删除了播放视频的

元素。谢谢，我明白了。。。有没有其他方法可以解决这个问题？我看到他们设法在我链接的模板中实现了这一点——以及我在网上看到的其他几个网站——但我不知道如何实现。也许像从主页幻灯片中保留原始视频对象，然后在加载下一页时将其附加到英雄中这样的方法会更好？