Javascript Capture Camera on Phone Doesn’t Work on iPhone

By Forrest Smith - Drempd.com

On an iphone you need to add a 'playsinline' parameter. I think it works by placing it either in the javascript, or as part of the HTML tag -- I just added it to both to be safe, and it resolved the issue so I called it good.

In javascript as part of the getUserMedia function:
let stream = await navigator.mediaDevices.getUserMedia({ 
  video: {
    facingMode: 'environment',
    playsinline: true
  }, 
  audio: false 
});


Just in the HTML
<video id="video" style="width: 100%; height: 100%;" autoplay playsinline></video>