Quiero crear una aplicación de vista web que capture fotos del elemento de video. Funciona bien en el navegador, pero no puedo iniciar el video en la vista web después de cargar la página

 function initCamera(front = true) { cameraFrontStatus = front; var video = document.getElementsByClassName('camera')[0]; if (navigator.mediaDevices.getUserMedia) { if(front == true) { var vgaConstraints = { video: { width: { ideal: 1080 }, height: { ideal: 1080 }, facingMode: 'environment' }, }; } else { var vgaConstraints = { video: { width: { ideal: 1080 }, height: { ideal: 1080 }, }, }; } navigator.mediaDevices.getUserMedia(vgaConstraints).then((stream) => { video.srcObject = stream; }).catch(function (err0r) { console.log("Something went wrong!"); }); } }

ejemplo de codepen: https://codepen.io/IGentlich/pen/KKZKoOY

¿Hay alguna forma posible de iniciar el video con la transmisión como src onload en webview?