'Play multiple inline videos in IOS ReactPlayer in TrustWallet Dapp

I'm using ReactPlayer to play multiple videos

Note: playsinline works fine in all Dapp only trustwallet force to go to fullscreen

 playsinline
 webkit-playsinline

but still only first video play without full-screen the second one force to full-screen

need all videos to play playsinline without full-screen

<ReactPlayer 
            url= {`videos/${width > height ? 'desktop' : 'mobile'}/video Closed.mp4`}
            playing ={!openBox && !allStop}
            loop={!openBox}
            controls={false}
            muted={true}
            autoPlay={true}
            playsinline
            webkit-playsinline
            width='100%'
            height='100%'
          />
        </div>
        <div style={{width:'100%', height: width > height ?'100%' :  'calc(100vw * 4 / 3)'}}  className="player-wrapper">
        {
          useMemo(() =>
          (<>
            {buyList.length > 0 && openBox && 
                <ReactPlayer 
                  url= {(`videos/${width > height ? buyList[currentIndex].desktop : buyList[currentIndex].mobile}`)}
                  playing   ={openBox && !allStop}
                  loop={false}
                  muted={muted}
                  playsinline
                  webkit-playsinline
                  controls={false}
                  autoPlay={true}
                  onEnded={handleVideoEnded}
                  width='100%'
                  height='100%'
              />
            }
          </>)         
          ,[currentIndex, allStop, muted])
        }
        


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source