Полноэкранный API для Chrome на iPad?

Я создаю виджет, который я хотел бы перейти в полноэкранный режим после нажатия кнопки. Я реализовал полноэкранный API, и он отлично работает во всех браузерах. Однако я создаю этот виджет для работы в качестве интерактивного киоска только на iPad. У меня есть свобода использовать любой браузер, который работает лучше всего, но я не могу заставить работать полноэкранный режим на своем iPad. Пробовали несколько разных вариантов, но этого недостаточно... У меня есть следующий код, который работает в обычных настольных браузерах:

var element = document.getElementById('element');
var fullscreenButton = document.getElementById('fullscreenButton');

fullscreenButton.addEventListener('click', function(){
    if(element.requestFullscreen){
        element.requestFullscreen();
    }else if(element.webkitRequestFullscreen){
        element.webkitRequestFullscreen();
    }else if(element.mozRequestFullScreen){
        element.mozRequestFullScreen();
    }else if(element.msRequestFullscreen){
        element.msRequestFullscreen();
    } else{
        element.webkitEnterFullscreen();
    }
});

Могу ли я каким-либо образом создать приложение (которое в основном представляет собой слайд-шоу) для входа в полноэкранный режим на iPad? Заранее спасибо за все советы/помощь.


person user7366442    schedule 22.06.2017    source источник


Ответы (1)


Похоже, что Safari для IOS не поддерживает полноэкранный режим: http://caniuse.com/#search=full%20screen

Насколько я знаю, Chrome для IOS основан на Safari, поэтому, если Safari не поддерживает полноэкранный режим, Chrome не будет его поддерживать.

Проверьте эту ссылку для получения более подробной информации (они предлагают некоторые решения, но не очень хорошие): https://forum.playcanvas.com/t/struggling-to-run-in-full-screen-mode-ios-chrome/2008

person Jordi    schedule 09.08.2017