동적으로 생성 된 <video> 요소 - 자동 재생이 작동하지 않습니다.

Question

Web-RTC 애플리케이션 용 요소를 동적으로 생성하려고하는데 생성 된 후 재생하는 데 문제가 있습니다. 내 응용 프로그램은 정적 비디오 요소와 올바르게 작동하므로 추가하는 방식에 문제가 있다는 것을 확신합니다.

이

이 코드가 실행 된 후, 나는

<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> 

크롬

에서 페이지를 검사하여 비디오 요소가 HTML에서 생성 된 것을 볼 수있는 요소를

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!'); 
} 

을 만드는 데 사용되는 코드입니다

이 시점에서 화면에 얼어 붙은 비디오 요소가 무엇인지 알 수 있습니다. 그러면 비디오가 재생되도록 설정되어 있지 않습니다.

의견을 보내 주시면 감사하겠습니다. 감사!

Answer 1

remoteVideo.autoPlay은 remoteVideo.autoplay이어야합니다. 대소 문자를 구분합니다.