webcam button appears on android (HTC, samsung) but not iPhone

[nguyenist-zz]

I added the "use webcam" option so that my meme generator would be mobile friendly. Seems like the webcam button does not appear on iPhone. I tested on both an iPhone 5S, iPhone 6 vs HTC and Samsung. In my stylesheets, I changed the min-width of the web-cam files from 700px to 300px to accommodate smaller screen sizes to see if that would fix it. Unfortunately it doesn't and I can't seem to figure out the issue here. Any ideas why?

$m: '.m-canvas';

#{$m} {
  @media screen and (min-width: 300px) {
    width: 55%;
  }

  #{$m}__canvas {
    background: #fcfcfc;

    canvas {
      max-width: 100% !important;
    }
  }

If you have an iPhone, feel free to test using @alishalisha's (awesome) example: alisharamos.com/ilooklikeanengineer

iPhone vs. Android screenshots:
vs.