Веб-камера не работает, потому что видео не отображается?

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 измените функцию на эту:

document.querySelector('#video').srcObject  = stream;

Это сработало для меня.