Странный пробел в нижней части HTML-видеоэлемента при использовании object-fit: cover;
В некоторых случаях, когда один из родительских элементов в HTML имеет margin из padding определяется внизу или вверху, случится так, что ваш video объект не может растянуть исходный носитель в полной мере внутри себя. Даже если вы определите object-fit:cover у вас все еще будет небольшой зазор в верхней или нижней части video тег. Это происходит только в Google Chrome, насколько я знаю.
2 ответа
Решение
Единственное, что помогло мне решить эту проблему, это установить object-position: top или же object-position: bottom; на video тег. Это зависит от того, где разрыв.
В моем случае установка
display: block; на видеоэлементе проблема решена.