title: HTML Input Camera image out of focus on iPhone Video
body: <p>My website lets a user record and upload a file using some basic html</p>
  
  <pre><code>&lt;input type="file" accept="video/*;capture=camcorder"&gt;
  </code></pre>
  
  <p>Everything works fine; however, I have noticed my video is blurry compared to when I'm just normally recording a video on my iPhone. I've tested on multiple devices and all are blurry. The problem is when using this input element the camera is blurry. Why would the input element make the camera blurry, compared to when I just used the iPhone camera app? Can I add some attributes to the html element? Do I need to specify size? etc. </p>
  
  <p>Here is the difference on my phone. Here is a screenshot when using html input (and yes I tried clicking to focus): 
  <a href="https://i.stack.imgur.com/3XBrC.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3XBrC.jpg" alt="enter image description here"></a></p>
  
  <p>And here is screenshot from normal iPhone camera roll (when not opened through web input):
  <a href="https://i.stack.imgur.com/gkqYk.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gkqYk.jpg" alt="enter image description here"></a></p>
  
  <p>How can I make this input element camera look as good as the normal iPhone camera app? </p>