Я создал решение на React для входа и выхода из полноэкранного режима на проигрывателе Vimeo в зависимости от режима просмотра (альбомный или книжный). Когда пользователь меняет ориентацию телефона с книжной на альбомную, видео Vimeo переключается в полноэкранный режим. Он выходит из полноэкранного режима, когда пользователь возвращается в портретный режим.
Это отлично работает на любом iPhone (iOS – Safari, Chrome). Однако на Android (Chrome) я получаю сообщение: «Не удалось выполнить requestFullscreen на элементе: API можно запустить только жестом пользователя».
Полноэкранный режим включается только после того, как я нажимаю кнопку воспроизведения на видео и меняю ориентацию телефона.
import Vimeo, { EndEvent, PauseEvent, PlayEvent } from "@u-wave/react-vimeo";
import Player from "@vimeo/player";
const CoursePlayer = () => {
const vimeoPlayerRef = useRef(null);
const isMobile = useMediaQuery(theme.breakpoints.down("md"));
useEffect(() => {
if (isMobile) {
window.addEventListener("resize", (event) => {
if (window.innerHeight > window.innerWidth) {
console.log("Orientation changed: Portrait");
changeViewMod(true);
} else {
console.log("Orientation changed: Landscape");
changeViewMod(false);
}
});
return () => {
window.removeEventListener("resize", () => {});
};
}
}, []);
const changeViewMod = (currentViewport: boolean) => {
if (!vimeoPlayerRef.current) {
console.warn("Vimeo player ref is not ready");
return;
}
const playerElement = vimeoPlayerRef.current.player?.element;
if (playerElement) {
const player = new Player(playerElement);
if (!currentViewport) {
player.requestFullscreen().then(function() {
console.log('enter the fullscreen');
}).catch(function(e) {
console.error(e);
});
} else {
player.exitFullscreen().then(function() {
console.log('exit the fullscreen');
}).catch(function(e) {
console.error(e);
});
}
}
return (
)
};
Подробнее здесь: https://stackoverflow.com/questions/792 ... -on-androi
