在浏览网站的其他页面时保持相同的div

时间:2013-07-06 12:37:52

标签: jquery ajax html5

此问题涉及网站orkut中的 Youtube 播放器。

这个播放器的一个很酷的功能是它开始播放视频,然后当你浏览到另一个页面时,视频不会停止!

所以它不会中断地继续发挥。

有人可以向我解释这是如何实现的吗?

是因为每个页面内都有相同的div,但是当页面刷新或我们转到另一个新链接时,它不会重新加载吗?

我知道一点ajax但我从未使用过cookies! Cookie是否用于此目的?

2 个答案:

答案 0 :(得分:1)

如果您查看网址,您会看到orkut是一个单页网站(大部分内容)。

这意味着如果您点击一个链接,只会打开另一个div(加载AJAX),但不会重新加载整个页面。

您所谈论的效果与SoundCloud使用的效果类似:音乐在浏览新的页面时仍在继续播放'。如果你想实现这个效果,我建议你阅读以下(重复)问题:

Continuing music playback even while changing pages

答案 1 :(得分:0)

稍后解释一下 您必须使用 AJAX 设计应用程序,并将用户的每个操作都写入 URL

因此,用户可以使用浏览器按钮前后移动,但这会触发 AJAX 功能。

要执行此操作,您可以使用新的 HTML5 功能历史记录API ,遗憾的是,IE浏览器甚至最新版本IE 10都无法使用。

这个免费章节解释历史API HTML5 History api

如果您想支持所有浏览器,那么我建议您使用此javascript替代方案 history js

最后,这需要你身边的很多工作,如果你想使用简单的方法然后使用IFRAMES,但我从不推荐它!