title: How to get rid of iOS 11 Safari <video> overlay
body: <p>I'm trying to get rid of this <code>&lt;video&gt;</code> overlay that occurs in iOS11. I can easily inspect the element and do <code>display: none</code> on a child in the shadow DOM, <code>&lt;div id="media-controls-container"&gt;</code>. However, I can't access this is in neither JavaScript nor CSS, as it is a closed shadowRoot, since it's created by the user-agent. Any solution is welcomed, whether it be Swift/Objective C or CSS/Javascript.</p>
  
  <p><a href="https://i.stack.imgur.com/dLDTB.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dLDTB.jpg" alt=""></a></p>