Video WebRtc视频未使用navigator.mediaDevices.getUserMedia在任何浏览器中显示

你好，我想在我的html中显示笔记本电脑摄像头的实时视频。我已经使用navigator.mediaDevices.getUserMedia（）实现了，但是视频没有显示。我在localhost中尝试了http和https，也得到了相同的结果。我在控制台中没有收到任何错误。我使用的代码是

<script>
        window.onload = function () {
            var constraints = { audio: false, video: { width: 1280, height: 720 } }; 

navigator.mediaDevices.getUserMedia(constraints)
.then(function(mediaStream) {
  var video = document.querySelector('video');
  video.srcObject = mediaStream;
  video.onloadedmetadata = function(e) {
    video.play();
  };
})
.catch(function(err) { console.log(err.name + ": " + err.message); });
        };
    </script>
    <video id="video" autoplay="autoplay" width="400"></video>

window.onload=函数（）{
var约束={音频：false，视频：{宽度：1280，高度：720}；
navigator.mediaDevices.getUserMedia（约束）
.then（功能（媒体流）{
var video=document.querySelector（'video'）；
video.srcObject=mediaStream；
video.onloadedmetadata=函数（e）{
video.play（）；
};
})
.catch（函数（err）{console.log（err.name+“：“+err.message）；}）；
};

---

您使用什么浏览器？控制台中有错误吗？网络摄像头已连接并获得许可？我已登录chrome和firefox。控制台中没有错误，其返回的变体也有，网络摄像头已连接且已授予权限，我也可以听到音频，但视频未显示您的代码在Codepen中工作。试着降低分辨率，也许你的网络摄像头不能处理1280*720，应该抛出一个过度约束错误…什么操作系统和摄像头？