отреагировать - не допустить перехода видео в полноэкранный режим на iOS

Question

Я создаю веб-приложение с воспроизведением видео и пользовательскими элементами управления: кнопка «Следующее видео» и кнопка «Предыдущее видео». Мой компонент выглядит так:

const videos = [
    'https://d3t1nqlebka5eu.cloudfront.net/videos3/82818a63-1972-4e39-b296-9cd3b85b0b39.mp4',
    'https://d3t1nqlebka5eu.cloudfront.net/videos3/dd4dd6c5-95b7-41c2-b131-7b62392ad1b5.mp4',
    'https://d3t1nqlebka5eu.cloudfront.net/videos3/29812506-e67d-4cab-b2b3-82461a4eadf1.mp4',
]

function App() {

    const [videoIndex, setVideoIndex] = useState(0);
    const h1Ref = useRef<HTMLVideoElement>(null);

    return (
        <div>
            <DivButton onClick={() => {
                setVideoIndex(getPrevIndex(videoIndex));
                h1Ref.current!.load();
            }}>
                Prev
            </DivButton>
            {' '}
            <DivButton onClick={() => {
                setVideoIndex(getNextIndex(videoIndex));
                h1Ref.current!.load();
            }}>
                Next
            </DivButton>
            <div>
                <video id="video_player" autoPlay muted loop playsinline preload="" ref={h1Ref}>
                    <source id="video_player_source" src={videos[videoIndex]} type="video/mp4"/>
                </video>

            </div>

        </div>
    );
}

Проблема заключается в следующем: когда я нажимаю кнопки «Далее» или «Предыдущие», видео переключаются между собой, но после каждого переключения они переходят в полноэкранный режим на iOS. Мне это не нужно, мне нужны элементы управления воспроизведением видео.

Есть ли способ предотвратить это?