Element.requestFullscreen()

Element.requestFullscreen() - показує елемент на повний екран.

Синтаксис:

Element.requestFullscreen();

Параметри:

Element - об'єкт Element.

Опис:

requestFullscreen() метод об'єкту Element який показує елемент на повний екран в повноекраному режимі.

Не підтримують старі браузери. Так як даний метод реалізований у HTML5 Fullscreen API.

Зверніть увагу що деякі браузери виконують метод requestFullscreen() лише на подію користувача (onclick і т.п.). Інакше виникає: Запит повноекранного режиму було відхилено, тому що Element.mozRequestFullScreen() не був викликаний зсередини короткострокового обробника подій, згенерованого користувачем.

Приклад:

<img id="test" src="/dani/test.png">

var el=document.getElementById('test');
if(el.requestFullscreen)
  el.requestFullscreen();
else alert('Ваш браузен не підтримує Element.requestFullscreen');

var el=document.getElementById('test');
el.onclick=function(){
if(this.requestFullscreen)
  this.requestFullscreen();
else alert('Ваш браузер не підтримує requestFullscreen');
}

Кросбраузерний приклад показу елемента на повний екран:

var el=document.getElementById('test');
//показуємо елемен на весь екран по кліку по ньому
el.onclick=function(){
this.requestFullscreen=this.requestFullscreen || this.webkitRequestFullscreen || this.mozRequestFullScreen || this.msRequestFullscreen;
if(this.requestFullscreen)
  this.requestFullscreen();
else alert('Ваш браузер не підтримує requestFullscreen');
}