Estoy usando ReactPlayer para reproducir varios videos

Nota: playsinline funciona bien en todos los Dapp, solo confía en la fuerza de la billetera para ir a pantalla completa

 playsinline webkit-playsinline

pero aún así solo se reproduce el primer video sin pantalla completa, el segundo fuerza a pantalla completa

necesita todos los videos para jugar juegos en línea sin pantalla completa

 <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]) }