关于前端Video拍摄兼容性问题？

优先使用视频录制视频做人脸校验，关键代码如下： const videoConstraints = { facesMode: 'user', width: {ideal: 720, max: 1280}, height: {ideal: 720, max: 1280}, frameRate: {ideal: 24, min: 15, max: 30}, }; const 流：any =等待 navigator.mediaDevices.getUserMedia({ 音频: false, 视频: videoConstraints, }); .capture-rect { 位置：相对；宽度：520px；高度：520像素；边距：4vw 自动；溢出：隐藏；边界半径：50%； // iOS WKWebView: video 走独立合成层,clip-path / 父级变换可能只裁一半 -webkit-mask-image: -webkit-radial-gradient(white, black); mask-image：径向渐变（白色，黑色）； // iOS 17.x: 变换写在视频上 + 圆形溢出会纵向只渲染半屏，扭转扭转层 .video-mirror-wrap { width: 100%;高度：100%；变换：scaleX(-1)； -webkit-变换：scaleX(-1)；视频{宽度：100%；显示：块；高度：100%；对象适配：覆盖；对象位置：中心；框大小：边框框； -webkit-backface-visibility：隐藏；背面可见性：隐藏； } } } 目前这种写法有两个兼容性bug： 1、IOS 17系统上预览就显示一半 2、部分安卓黑手机屏有大佬知道这种情况怎么解决么