Fullscreen на мобилке, как сделать?

Question

[Aleksandr]

Собственно вот простой пример.
на десктопе все ок, а вот как сделать, чтобы и на мобилках все работало? Попробовал добавить meta-тег (нашел в какой-то статье), но не помогло

добавил такой еще вариант.

Answer 1

[Александр Аблизин]

Попробуйте вот этот мета-тег внутри head

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Comments

[Aleksandr]

Александр Аблизин Не то

Answer 2

[Aksigera]

frontender.info/fullscreen
Тут полная инфа. Конкретно - нужно добавлять вендорные префиксы:

var requestFullScreen = el.requestFullscreen || el.mozRequestFullScreen || el.webkitRequestFullScreen;
var cancelFullScreen = doc.exitFullscreen || doc.mozCancelFullScreen || doc.webkitExitFullscreen;

Comments

[Aleksandr]

Они собственно добавлены...

Answer 3

[Сергей Сосновский]

/* Fullscreen mode */
var launchFullscreen = function() {
	var  i, l = ['requestFullscreen','webkitRequestFullscreen','mozRequestFullScreen','msRequestFullscreen]', e = document.documentElement;
	for( i = 0; i < l.length; i++ ) if( e[l[i]] !== undefined ) {
		(e[l[i]])();  break;
	}
},  checkFullscreen = function() {
	return Boolean( document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement );
},  cancelFullscreen = function() {
	var  i, l = ['exitFullscreen','webkitExitFullscreen','mozCancelFullScreen','msExitFullscreen'];
	for( i = 0; i < l.length; i++ ) if( document[l[i]] !== undefined ) {
		(document[l[i]])();  break;
	}
};

Пример

// Проверка и активация нужного режима
checkFullscreen () ? cancelFullscreen() : launchFullscreen();