视频导致Firefox滞后？

Question

所以我的网站的一页很重视。它有一个很大的背景，像盒子里的4个小的。在Chrome中，这种方法很精彩且没有任何问题。但是在Firefox中它的延迟使整个界面难以使用 现在，我怀疑这可能是因为Firefox没有使用GPU，但我当然不确定，它也可能是代码。

我正在使用mp4视频。这是代码：

＆＃13;

＆＃13;

.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%);
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

不这是一个可编码的解决方案，但有一些替代方案。

1. 减少文件大小，使用Javascript，您可以在firefox上调用质量较低的视频（不提供示例，因为这不是问题所针对的问题）。
2. 限制您的网站使用Chrome，这是一种可编码的解决方案。
3. 获得更好的电脑。
4. 通过悬停选项＆gt;使Firefox能够使用GPU高级＆gt;一般＆gt;浏览＆gt;启用Tick。 （@Marcos Perez Gude在评论中提供了这个替代方案，请大家呐喊）。