Я пытаюсь открыть iframe на мобильном устройстве (android и iphone) в полноэкранном режиме с помощью следующего кода. Хорошо, что он отлично работает на моем ноутбуке, но не на моем мобильном устройстве. Там будет открыт iframe, но не в полноэкранном режиме. Я много чего перепробовал, но не смог найти правильное решение :-(
Вот код, который работает в моем браузере на ноутбуке:
Звоните:
openFullscreen(document.getElementById("my_iframe"))
HTML:
<iframe src="test.html" style="width:100%; height:100%;" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" id="my_iframe"></iframe>
JS:
function openFullscreen(elem){
if(!document.fullscreenElement){
var requestFullScreen = elem.requestFullScreen || elem.mozRequestFullScreen || elem.webkitRequestFullScreen;
if (requestFullScreen){
requestFullScreen.bind(elem)();
}
}
}