Html 视频封面顶部的空白区域（仅适用于safari，不适用于chrome）

我有一个网站的视频封面问题，但只有当我在Safari上打开它的时候。顶部和视频之间有一个我无法删除的黑色空间

下面是代码和图像：

视频{
宽度：100%！重要；
高度：自动！重要；
最小高度：30%；
显示：表格；
背景：rgb（242，242，242）url（'images/inicio.png'）中底不重复；
背景尺寸：100%自动；
保证金底部：-4px；
z索引：1；

视频标签中的

显示：表格

似乎是造成空间过大的原因。删除它应该可以解决问题

你能提供更多的代码吗？我看到你在视频上方有一个标题，更多的代码会有帮助。你尝试过给它另一种类型的

显示

吗？我都试过了。仍然不起作用这很奇怪，因为当我在Safari上进行实时预览并删除显示时，它会得到修复，但一旦我保存了它，问题又回来了。