背景视频在Safari和Firefox上震动

Question

我在网站上添加了一些视频，当我在Chrome上进行测试时，它可以正常运行，但是当我在野生动物园和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%);
}