背景视频在 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%);
}

背景视频在 safari 和 firefox 上抖动

background videos shake on safari and firefox

css

cross-browser