視頻封面頂部的空白區域（僅適用於Safari瀏覽器，不適用於Chrome）

-1

我對網站的視頻封面有問題，但只有在Safari上打開它時纔有問題。頂部和我無法刪除的視頻之間有一個黑色空間。視頻封面頂部的空白區域（僅適用於Safari瀏覽器，不適用於Chrome）

有代碼和樓下的圖像：

HTML

<div> 
<video autoplay loop poster="images/inicio.png"> 
<source src="video/video.webm" type="video/webm"> 
<source src="video/video.mp4" type="video/mp4"> 
</video> 
</div>

CSS

video{ 
width: 100% !important; 
height: auto !important; 
min-height: 30%; 
display: table; 
background:rgb(242,242,242) url('images/inicio.png') center bottom no-repeat; 
background-size:100% auto; 
margin-bottom: -4px; 
z-index: 1;

這是網站看到代碼： http://josefinaechenique.esy.es/videos.html

的圖片