HTML5視頻導致頁面滾動緩慢

Question

我正在客戶端請求視頻的網站上填充div作爲背景。我擁有它併爲自己工作，但他們一直抱怨他們不能滾動。我在多臺電腦上滾動沒有問題。除了會導致此問題的慢速機器之外，是否還有其他一些常見問題？它可能是一個CSS問題？臨時網站是在這裏，如果有幫助：http://arkroyal.staging.wpengine.com/

UPDATE

我使用的是視頻託管服務了，似乎這個時候閃回退是在那裏只發生了......我已經將它設置爲Flash現在是默認設置，當鼠標懸停時，我無法滾動。所以現在我想這是一個閃光的問題？

Answer 1

看過暫存網站後，它似乎不是網站本身的問題，但更多的是您使用的視頻。視頻質量很高，會導致系統急劇放緩。如果這是他們想要的視頻作爲BG，我會看看您是否無法大幅降低視頻分辨率，因爲這會導致在某些系統上呈現問題。這也會使用戶無法向下滾動頁面，因爲他們的視頻卡忙於嘗試渲染BG視頻正在製作的圖像。

Answer 2

我同意user3285910的answer，但是，這並不是說你沒有辦法做到這一點。

當我第一次去的時候，我並沒有嘗試滾動，我只是讓整個頁面加載。之後我檢查了媒體的加載時間，Winsta MP4需要27.36秒才能加載。這是在T1線上的Chrome。我使用了Chrome瀏覽器，因爲webkit瀏覽器以其視頻着裝方式而聞名於他們的lagosh。

有了這些信息，我會考慮更改<video>的預加載值。目前它是"none"。有很多不同的預加載數據的方法，你不能計算每個人的PC速度，帶寬等。

我建議讓瀏覽器爲你確定它們的能力並進行相應的調整。通常預加載5-7秒就足以繞過跳躍的行爲。 Here是一篇文章的鏈接，分析更詳細。