视频导致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滞后？

回答

相关问题