White space on a video cover (it only happens in safari, not google chrome)

I have this problem on a website, but it only happens when I open it on safari: there is a white space above and below a video that I put as cover.

Here goes the code:

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;

Already deal with all types of display and nothing fixes it.

Image of the problem:

The URL of the page is link