'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 |
|---|
