删除图像和视频之间的空白区域

Question

以下是视频和图片之间有空格的链接。

Link

HTML：

<video controls="" class="video-width-activity">
   <source type="video/mp4" src="tesp.mp4"></source>
</video>

CSS：

.video-width-activity {
   height: 450px;
}

如果我在CSS下方申请：

.video-width-activity {
    height: 100%;
    width: 100%;
}

然后发生这种情况：

New-Link

有没有办法删除空格？

Answer 1

不太清楚原因是什么，但尝试将高度更改为自动

    .video-width-activity {
       height: auto;
        width: 100%;
    }

Answer 2

看起来问题是因为右边的视频和图片之间有一些margin。删除边距（如果有）。