Javascript 动态创建<;视频>;元素-自动播放不工作
我正在尝试为Web RTC应用程序动态创建一个元素,但创建后的视频播放有问题。我的应用程序可以正确使用静态视频元素,所以我很确定我添加它的方式有问题 这是用于创建元素的代码Javascript 动态创建<;视频>;元素-自动播放不工作,javascript,jquery,html,webrtc,Javascript,Jquery,Html,Webrtc,我正在尝试为Web RTC应用程序动态创建一个元素,但创建后的视频播放有问题。我的应用程序可以正确使用静态视频元素,所以我很确定我添加它的方式有问题 这是用于创建元素的代码 function handleRemoteStreamAdded(event) { console.log('Remote stream added.'); //remoteVideo.src = window.URL.createObjectURL(event.stream); console.l
function handleRemoteStreamAdded(event) {
console.log('Remote stream added.');
//remoteVideo.src = window.URL.createObjectURL(event.stream);
console.log('Dynamically creating video');
var remoteVideo = document.createElement("video");
remoteVideo.autoPlay = true;
remoteVideo.src = window.URL.createObjectURL(event.stream);
remoteStream = event.stream;
$('#videos').append(remoteVideo);
console.log('Creation complete!');
}
执行此代码后,通过在Chrome中检查页面,我可以看到视频元素已在HTML中创建
<div id="videos">
<video id="localVideo" autoplay="" muted="" src="blob:http%3A//localhost/87efdb40-e69d-4455-903a-308d217e73aa"></video>
<video src="blob:http%3A//localhost/090f0ef2-5b17-44dd-9d54-411a3a893137"></video></div>
</div>
在这一点上,我可以看到什么似乎是冻结的视频元素在我的屏幕上,这使我相信视频没有设置为播放
如有任何想法,将不胜感激。谢谢
remoteVideo.autoPlay
应为remoteVideo.autoPlay
-区分大小写