2

In some cases, when one of the parent elements in HTML is having margin of padding defined at the bottom or at the top, it will happen that your video object can't stretch the source media to the fullest within itself. Even if you define the object-fit:cover you will still have the small gap at the top or the bottom of the video tag. This is happening only in Google Chrome as far as I know.

Mladen Janjetovic
  • 13,844
  • 8
  • 72
  • 82

2 Answers2

4

In my case, setting display: block; on video element solved the issue.

bluelights
  • 1,086
  • 8
  • 12
0

The only thing that helped me solve this issue is to set the object-position: top or object-position: bottom; on the video tag. It depends where the gap is.

Mladen Janjetovic
  • 13,844
  • 8
  • 72
  • 82