Camera container is separate from webpage camera container.

[JIT909]

How to not override existing webpage camera? Currently in my case, i got wkwebview page that use for scan qrcode. I implement the WkWebViewRTC. but the camera is overlap the existing container and cannot scan qrcode.

hope that you could help me. Thank you.

[hthetiot]

Note: if the specified z-index is < 0 (that, is, the video elements will be positioned "behind" the web view), you should specify the background-color as transparent so the video element will be seen through the web view. This makes it possible to position HTML elements on top of the native video elements.

Source: https://github.com/cordova-rtc/cordova-plugin-iosrtc/blob/master/docs/videoCSS.md

TLDR: html and body with background transparent, ans video with z-index -1 and all containers between video and html with background transparent.

Sample: https://github.com/cordova-rtc/cordova-plugin-iosrtc-sample