网络摄像头无法正常工作，因为视频未显示？

Question

为什么我的视频没有显示，但是顶部有录像图像？

    <h1 style="margin-bottom:10px;">Access WebCam using JavaScript</h1>
    <video id="video" autoplay>Not supported in your browser</video>
    </center>
  <script>
    navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.oGetUserMedia;
    if(navigator.getUserMedia){
      navigator.getUserMedia({video:true},handleVideo,videoError);
    }

    function handleVideo(stream){
      document.querySelector('#video').src = window.URL.createObjectURL(stream);
    }

    function videoError(e){
      alert('Something is wrong');
    }
  </script>

Answer 1

内部handleVideo功能更改为此：