Воспроизведение нескольких встроенных видео в IOS ReactPlayer в приложении TrustWallet Dapp

Я использую ReactPlayer для воспроизведения нескольких видео

Примечание: playsinline отлично работает во всех Dapp, только trustwallet принудительно переходит в полноэкранный режим.

       playsinline
 webkit-playsinline

но все же только первое видео воспроизводится без полноэкранного режима, второе принудительно в полноэкранном режиме

нужно, чтобы все видео воспроизводились в режиме онлайн без полноэкранного просмотра

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

0 ответов

Другие вопросы по тегам