title: HTML5 Video element on IPhone has border
body: <p>I have been building an app recently and have a loading animation playing at the start (just a mp4 video - for aesthetic purposes). It works great everywhere apart from on Iphone. </p>
  
  <p>The issue is that there is a grey line around some of the video - not the same on every side. If i try to screenshot the page the lines are no longer visible. </p>
  
  <p>I am using an iphone 7 plus and ios safari. To see for yourself see - https:pathfinder-new.herokuapp.com </p>
  
  <p>The goal is for it to be seamless with the white background - example can be seen on desktop at above address.</p>
  
  <p>Cheers, 
  Tim </p>
  
  <p><a href="https://i.stack.imgur.com/qFojx.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/qFojx.jpg" alt="enter image description here"></a></p>