title: navigator.mediaDevices.getUserMedia shows black screen in ios devices
body: <p>The screen shows blank in ios devices when the stream displayed on the html5 video tag, it shows black screen. but work fines everywhere on other devices. Here is the js code</p>
  <p>it works in single screen but when peer to peer js called for twillio it shows a black screen while video session starts between two devices and user</p>
  <pre><code>navigator.mediaDevices.getUserMedia({video:true}).then(function(stream) {
                   document.getElementById(&quot;myVideo&quot;).setAttribute('autoplay', '');
      document.getElementById(&quot;myVideo&quot;).setAttribute('muted', '');
      document.getElementById(&quot;myVideo&quot;).setAttribute('playsinline', '');   
                        
          document.getElementById(&quot;myVideo&quot;).srcObject = stream;
     document.getElementById(&quot;myVideo&quot;).play();
     
     }).catch(function(error) {
      console.log(error.name + &quot;: &quot; + error.message);
      alert(error.name + &quot;: &quot; + error.message);
      
    });
  </code></pre>
  <p>Here Is the HTML code</p>
  <pre><code>&lt;video id=&quot;myVideo&quot; allow=&quot;camera;microphone&quot; class=&quot;silhouetteVideo&quot; style=&quot;&quot; autoplay playsinline controls=&quot;false&quot;&gt;&lt;/video&gt;
  </code></pre>