ウェブカメラにアクセスする際にコンソールエラーが発生するHTML5

Question

私のウェブカメラをHTML5でテストするのに問題があります。

<meta charset="utf-8"> 
    <title>Display Webcam Stream</title> 
    <script language="Javascript"> 
     var video = document.getElementById('video'); 

     if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) { 
      navigator.mediaDevices.getUserMedia({ video: true 
        }).then(function(stream) { 
        video.src = window.URL.createObjectURL(stream); 
        video.play(); 
      }); 
     } 
    </script> 

体内あり：

<video id="video" autoplay="true"></video> 

は、ウェブサイト（HTTPS）に行く私はそれが私のウェブカムのターンできるようにした後、それは、私のウェブカメラのための許可を求めるコードです

コンソールを見ているとエラーが表示されます：

testing.php:14 Uncaught (in promise) TypeError: Cannot set property 'src' of null 
at testing.php:14 
at <anonymous> 

どうすれば解決できますか？

（悪い英語のため申し訳ありませんが）

ありがとうございました。

Answer 1

があった場合

videoはまた、getElementByIdはまだnullを返すIDを持つ要素がありません。ページの最後またはDOMContentLoadedイベントの中でスクリプトを移動する必要があります。