Вернуться на предыдущую страницу

PlyrJS — это популярный JS-видео плеер для сайта. Его функционал велик, разнообразен, однако, во время входа в полноэкранный режим, на мобильных, ориентация экрана не изменяется и остается только landscape-primary, что не удобно.

Ведь логично, что если человек нажал на кнопку входа в полноэкранный режим, то, даже если у него выключена смена ориентации экрана по повороту устройства, то лучше ему развернуть все же видео на весь экран, а не оставить его.

Так НЕ хорошо:

Так хорошо:

Чтобы все это реализовать... Необходимо подключить плеер стандартным образом:

const player = new Plyr('.plr',{
tooltips: {
controls: true
}
});

Затем добавить вот такой код, с помощью которого мы узнаем: есть ли другая (кроме «landskape-primary») ориентация экрана. И по-идее, если она есть, значит это устройство может переворачивать screen.

if(window.matchMedia("(orientation: portrait)").matches){
player.on("enterfullscreen", e => window.screen.orientation.lock("landscape"));
player.on("exitfullscreen", e => window.screen.orientation.lock("portrait"));
}