MS Edge HTML5视频高度不正确，并添加了大量白色填充

Question

这在Edge以外的所有其他浏览器中均能正常工作。问题在于该视频在MS Edge中的高度过高，因此在其上方和下方添加了空白。

我还添加了height和width属性，但是它们并没有改变。 这是Chrome / Firefox：

这是边缘：

值得一提的是，如果我减小浏览器的高度，它的高度会减小。

HTML

<video controls loop muted="muted" autoplay="autoplay">
    <source type="video/mp4" src="employment-law.mp4">
    <source type="video/ogg" src="employment-law.ogv">
    <source type="video/webm" src="employment-law.webm">
</video>

CSS：

.module-sample-video {
   float: left;
   width: 50%;
}

video {
   width:100%;
   min-width: 100%;
   height: auto;
   max-height: 100px;
   max-width: 100%;
}