使用 object-fit: cover 时，HTML 视频元素底部出现奇怪的间隙；
Strange gap at the bottom of the HTML video element, when using object-fit: cover;
在某些情况下，当 HTML 中的父元素之一在底部或顶部定义了 margin of padding 时，您的 video 对象无法在其内部将源媒体拉伸到最大。即使您定义了 object-fit:cover，您仍然会在 video 标签的顶部或底部留有小间隙。据我所知，这只发生在 Google Chrome。
唯一帮助我解决这个问题的方法是在 video 标签上设置 object-position: top 或 object-position: bottom;。这取决于差距在哪里。
就我而言，在视频元素上设置 display: block; 解决了问题。
在某些情况下，当 HTML 中的父元素之一在底部或顶部定义了 margin of padding 时，您的 video 对象无法在其内部将源媒体拉伸到最大。即使您定义了 object-fit:cover，您仍然会在 video 标签的顶部或底部留有小间隙。据我所知，这只发生在 Google Chrome。
唯一帮助我解决这个问题的方法是在 video 标签上设置 object-position: top 或 object-position: bottom;。这取决于差距在哪里。
就我而言，在视频元素上设置 display: block; 解决了问题。