2013-07-06 29 views
0

此問題與Youtube播放器在網站orkut中找到。保持同一個div,同時瀏覽到網站的其他頁面

有關此播放器的一個很酷的功能是,它開始播放視頻,然後當您瀏覽到另一頁時,視頻不會停止!

因此,它繼續毫無中斷地完美播放。

有人可以向我解釋這是如何實現的嗎?

是因爲同一個div在每個頁面中,但是當頁面刷新或者當我們轉到另一個新鏈接時不會重新加載?

我知道一點ajax,但我從來沒有使用餅乾! Cookie是否用於此目的?

+0

請使用正確的語法和標點符號 –

回答

1

如果你看看網址,你會看到orkut是一個單頁網站(大部分)。

這意味着,如果你點擊一個鏈接,只有另一個div將打開(加載AJAX),但整個頁面本身不會被重新加載。

您正在談論的效果與SoundCloud也使用的效果類似:音樂在瀏覽新的「網頁」時仍在播放。如果你想實現這種效果,我建議你閱讀下面的(一式兩份)問題:

Continuing music playback even while changing pages

0

不久解釋這個 你必須工程師使用AJAX您的應用程序,並寫用戶的每一個動作到URL

所以用戶可以使用瀏覽器按鈕來回退和轉發,但這會觸發您的AJAX功能。

要做到這一點,你可以使用新的HTML5功能歷史API,不幸的是不可用的瀏覽器,如IE,甚至現在的最新版本IE 10

這個免費章節解釋歷史API HTML5 History api

如果要支持所有瀏覽器的話,我建議你使用這個JavaScript替代 history js

最後,這需要從你身邊做很多工作,如果你想使用簡單的方法,然後使用IFRAMES,但我從來沒有推薦它!

相關問題