css - Odd blurry circle on safari iphone html5 videos -

this weird circle appears on websites (picture bellow), on iphone > safari. on safari console detect because of video autoplay, not able erase it.

i've tried (with no luck):

1- erase controls tag

2- video::-webkit-media-controls { display:none !important; }

thanks-a-bunch

this clip of code:

<div style="position: relative;">         <div style="position: absolute; z-index: -1; top: 0px; left: 0px; bottom: 0px; right: 0px; overflow: hidden; background-image: none; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;">             <video autoplay="" loop="" muted="" style="margin: auto; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); visibility: visible; width: 855px; height: auto;"><source src="video_5.mp4" type="video/mp4"></video>         </div> </div>