safari iphone html5视频上奇怪的模糊圆圈

Question

这个奇怪的圆圈出现在某些网站上（下图），在 iphone > safari 上。 在 Safari 控制台上，我可以检测到这是因为视频自动播放，但我无法删除它。

我已经尝试过了（没有运气）：

1-erase the controls tag

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

谢谢大家

这是代码片段：

<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>

Answer 1

晚了几年，但这对我有用：

video::-webkit-media-controls-start-playback-button { display: none; }