'Avoid auto full screen in video htlm5 element

Im using the video element to show videos to the users.

I want to be able to swippe up or down to go to the next video, I already have that logic and it works perfect on my browser.

but when I test on my iOs device, automatically the video turns to full page and I lose the control of my application because I cant swippe to the next video.

In Android it works well, but it doesnt on ios.

          <video
            id='player' 
            width="100%" 
            height="400px"
            muted
            loop
            webkit-playsinline 
            playsinline
            src={videos[videoIndex].urlFile}/>

Is anymore that I could do it?

I dont want to disable full screen, I just want to avoid the auto full screen when I click on play, because I want to swippe down to change the video if Im not interested.

htmlios


Sources

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

Source: Stack Overflow

Solution Source

Related Questions