背景视频在 safari 和 firefox 上晃动

Question

我在我的网站上添加了一些视频，当我在 Chrome 上测试时，它可以正常工作，但是当我在 safari 和 Firefox 上测试时，它会抖动。问题是什么？

这是我的 CSS 代码：

.parallax-background video {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

当我读到这个问题时，我认为这部分的问题

 transform: translate(-50%,-50%);

但我不知道如何解决。

Answer 1

试试这个代码

.parallax-background video {
  -webkit-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
}