html - 视频在除 firefox 以外的所有浏览器上播放

Question

我的网站在 Firefox 中似乎表现不正常。 这是 website ff 中发生了 2 件奇怪的事情:

1. 我有一个 div，它的样式有一些问题:

   这是风格:

   position:absolute； 顶部:50%； 左:50%； -webkit-transform: 翻译(-50%,-35%); 转换:翻译(-50%，-35%)； -moz-transform: 翻译(-50%,65%);

这个 div 通常看起来不是它在 ff 中的异常(exception)位置。我用 -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;
}

这将在所有浏览器上更好地工作。