視頻導致Firefox滯後？

因此，我的網站的一個頁面相當重視視頻。它有一個很大的背景，像箱子裏的4個小的。在Chrome中，這個工作非常好，沒有任何問題。但在火狐瀏覽器中它的效果很差，並且使整個界面感到沮喪。
現在，我懷疑這可能是由於Firefox不使用GPU，但當然我不確定，它也可能是代碼。視頻導致Firefox滯後？

我使用mp4視頻。這是代碼：

.video { 
 
position: absolute; 
 
top: 50%; 
 
left: 50%; 
 
min-width: 100%; 
 
min-height: 100%; 
 
width: auto; 
 
height: auto; 
 
z-index: -1; 
 
opacity:0.2; 
 
transform: translateX(-50%) translateY(-50%); 
 
}

<video loop muted autoplay poser="bootstrap/img/lp_header.png" class="video"> 
 
<source src="bootstrap/video/game_hub_bg2.webm" type="video/webm"> 
 
</video>

來源

2016-05-12 nn3112337

'我懷疑這可能是由於Firefox不使用GPU'。你錯了。進入選項>高級>常規>瀏覽>檢查（勾選）「在可用時使用硬件加速」。 –

考慮用圖片佔位符替換您的視頻，圖片佔位符一旦點擊就會動態替換爲視頻。 –

硬件加速的確切屬性取決於操作系統，firefox版本，可用硬件和about：config中的一些實驗開關。 AIUI對不透明層有一些優化。因此，設置1以外的不透明度值可能是導致它的原因。 – the8472

-2

有不代碼，能夠解決這一點，但是也有一些替代品。

減小文件大小，使用Javascript，你可以在Firefox上調用低質量的視頻（因爲這不是問題所在，所以不會提供示例）。
限制您的網站使用鉻，這是一個可編碼的解決方案。
找一臺更好的電腦。
通過懸停選項>高級>常規>瀏覽>啓用勾選，啓用Firefox以使用GPU。（@Marcos佩雷斯古德在評論中提供了這種選擇，向你大聲喊）。

來源

2016-05-12 16:42:16

「*限制您的網站使用鉻，這是一個代碼解決方案。*」 - 這是相當用戶敵對的建議給。你沒有從**「在IE6上最佳作品」**時間中學到什麼嗎？ – the8472

視頻導致Firefox滯後？

回答

相關問題