title: Twilio video fails in Chrome on Android and Safari on iOS, works on desktop
body: <p>The support matrix seems to say it should be supported:
  <a href="https://i.stack.imgur.com/ZvnnT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZvnnT.png" alt="Support Matrix Graphic"></a>
  <a href="https://www.twilio.com/docs/video/javascript#supported-browsers" rel="nofollow noreferrer">https://www.twilio.com/docs/video/javascript#supported-browsers</a></p>
  
  <p>I can't find that it is NOT supported, but what works on my desktop is not working on any of 3 mobile devices.</p>
  
  <p>I'm using the JS quickstart for video that has the code located here <code>https://github.com/twilio/video-quickstart-js</code> . The rest of the app works, but trying to preview the video gives a failure on all the mobile platforms.</p>
  
  <p>The example at <a href="https://mdn-samples.mozilla.org/s/webrtc-capturestill/" rel="nofollow noreferrer">https://mdn-samples.mozilla.org/s/webrtc-capturestill/</a> works as expected in Chrome on Android and Safari on iOS, so this looks like it has to be a Twilio bug.</p>
  
  <p>The error is "Unable to access Camera and Microphone"
  which is coming from here:</p>
  
  <pre><code>// Preview LocalParticipant's Tracks.
  document.getElementById('button-preview').onclick = function() {
    var localTracksPromise = previewTracks
      ? Promise.resolve(previewTracks)
      : Video.createLocalTracks();
  
    localTracksPromise.then(function(tracks) {
      window.previewTracks = previewTracks = tracks;
      var previewContainer = document.getElementById('local-media');
      if (!previewContainer.querySelector('video')) {
        attachTracks(tracks, previewContainer);
      }
    }, function(error) {
      console.error('Unable to access local media', error);
      log('Unable to access Camera and Microphone');
    });
  };
  </code></pre>