video show and hide captured with WebRtc and ReactJs in iphone web browser

I am developing a very simple web app in NodeJS, ReactJs and WebRtc. It does capture a video using webrtc APIs for 90 seconds and shows the recorded video to user.

My concern is it does capture fine in android and desktop but it fluctuate in iphone browser, I am trying from 2 days but still I have no clue, most probably issue is in react code but note sure. Any help will be appreciated. Here is my web app https://64.227.8.43/guest (please enter any name and email also it has limit to 2 times video capturing from one accounts)

Here is my ReactJs code for /video page URL https://github.com/ganesh-swami/webrtc/blob/main/vid.js

Sorry for my bad explanation, I am willing to provide more explanation /details if needed

question from:https://stackoverflow.com/questions/65902495/video-show-and-hide-captured-with-webrtc-and-reactjs-in-iphone-web-browser

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…