视频可在除火狐以外的所有浏览器上播放

Question

我的网站在 Firefox 中的行为似乎很奇怪。 这是website ff 中发生了 2 件奇怪的事情：

1. 我有一个样式有问题的 div：

   这是风格：

   位置：绝对； 最高：50%； 左：50%； -webkit-transform: 翻译(-50%,-35%); 变换：翻译（-50%，-35%）； -moz-transform: 翻译(-50%,65%);

这个 div 通常看起来不是它在 ff 中的例外位置。我用 -moz- 前缀修复了这个，这看起来不正确。

1. 背景视频根本没有在 ff 中播放。 但在所有其他浏览器中表现良好 检查它here。

Answer 1

您尝试播放的视频是什么格式的？您是否尝试过 .ogg 格式？对于中心定位 div 尝试这样的 flex：

body, html {
  width: 100%;
  height: 100%;
}

.your-div-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

这将在所有浏览器中运行得更好。