Webrtc 可以访问网络摄像头,但无法将其显示在div中

Webrtc 可以访问网络摄像头,但无法将其显示在div中,webrtc,Webrtc,这是我使用的一个简单脚本: #我的视频{ 背景色:#CCC; 位置:绝对位置; 宽度:320px; 高度:240px; 边框:1px实心#000; } navigator.getUserMedia=navigator.getUserMedia | | navigator.webkitGetUserMedia | | navigator.mozGetUserMedia; getUserMedia({audio:true,video:true},函数(流){ $('#myVideo').prop(

这是我使用的一个简单脚本:


#我的视频{
背景色:#CCC;
位置:绝对位置;
宽度:320px;
高度:240px;
边框:1px实心#000;
}
navigator.getUserMedia=navigator.getUserMedia | | navigator.webkitGetUserMedia | | navigator.mozGetUserMedia;
getUserMedia({audio:true,video:true},函数(流){
$('#myVideo').prop('src',URL.createObjectURL(stream));
},函数(){
警报(“错误”);
});
我一点错误也没有。它要求我授权网络摄像头访问,我接受,网络摄像头打开,但
#myVideo
div仍然为空


我做错了什么?

Divs没有
src
属性,您需要使用video元素

请参见此处:

更改此项:

<div id="myVideo" autoplay></div> 
<video id="myVideo" autoplay></video>.
video {
   border:1px solid #000;
}