((JS)类似于SPA的网站行为与背景视频

问题描述 投票:0回答:1

请原谅我,如果存在另一个类似的线程-我找不到该特定问题的答案。

我很快将开发一个加载了香草JS AJAX的网站的前端,该网站具有类似于SPA的行为,类似于此页面中的home滑块:-http://clapat.ro/themes/grenada-wordpress

[我可能会使用的方法是从目标子模板加载容器的innerHTML,然后将状态推向历史-我相信这是非常标准的方法。

现在,包含图像背景的幻灯片非常明显-它所需要做的只是将同一图像放置在目标子页面英雄部分,然后在加载时进行动画处理。问题可能出在视频幻灯片上-如何使它们在重新加载期间和之后继续无缝播放?一旦目标页面加载并放置在视图中,这种方法是否会迫使它们从头开始?

我还没有尝试过,我想提前问一下,以免使自己陷入错误的方法之中:)

谢谢你,彼得

javascript ajax video single-page-application
1个回答
0
投票

第100次研究参考模板,我想自己想出了一种解决方案:

如果主页和目标页面都具有类似的结构:

<body>
  <main-container>
    <slider-or-hero-container>
    ...
    </slider...>
    <content-container>
    ...
    </content...>
  </main-container>
</body>

然后,也许我可以替换普通链接上的整个“主容器”,但是仅单击滑块内的链接来替换“内容容器”?滑块部分基本上只会停留,脚本会简单地修改其外观(禁用箭头和幻灯片更改,执行过渡动画等)...

[如果您在此时有任何建议,我将不胜感激:)否则,我将在完成编码后发布更新-如果可行,将来可能对某人有所帮助:)] >

© www.soinside.com 2019 - 2024. All rights reserved.