title: webRTC How to set video width height in iPhone safari browser
body: <p>if i write like this , video does not show out anymore</p>
  
  <pre><code>navigator.getMedia({
    video: {
      width:300,
      height:300,
      facingMode: "environment"
    }, 
    audio: false 
  }, 
  </code></pre>
  
  <p>The video below will appear, but the size is wrong</p>
  
  <pre><code>navigator.getMedia({
    video: {
      facingMode: "environment"
    }, 
    audio: false 
  }, 
  </code></pre>
  
  <p>if i set width and height to square shape in html video tag , and add a border to it ,The camera still according to their own ratio , The sides of the square will be left blank . </p>
  
  <p>image link :
  <a href="http://m.qpic.cn/psb?/714818507/CGRo3c1MM8BIp1iMvuMp2JxDwz2H0YNzUnWdB26vYvc!/b/dGgBAAAAAAAA&amp;bo=vAKAAgAAAAARFxw!&amp;rf=viewer_4" rel="nofollow noreferrer">http://m.qpic.cn/psb?/714818507/CGRo3c1MM8BIp1iMvuMp2JxDwz2H0YNzUnWdB26vYvc!/b/dGgBAAAAAAAA&amp;bo=vAKAAgAAAAARFxw!&amp;rf=viewer_4</a></p>
  
  <pre><code>&lt;video id="video" width="300px" height="300px" autoPlay playsInline&gt;&lt;/video&gt;
  </code></pre>
  
  <p>By the way , in iPhone safari browser, Written by react.js .Thanks a lot !</p>