Как использовать Fullscreen API

[@oENDark]

Не все браузеры, префиксы… можно будеть использовать через несколько лет в лучшем случае

[@kazmiruk]

Можете уже использовать прямо сейчас. Только не во всех браузерах и с префиксами.

[@nerevar1n]

Рано её использовать.
На нашем проекте пока отказались из-за критикал вещей:
— баг в chromium из-за которого происходит выход из полноэкранного режима при использовании HistoryAPI
— Отсутствует возможность скроллить страницу средствами js

[@kazmiruk]

А есть какие-то альтернативы для проектов html5? Тут два варианта: не использовать вообще, или использовать хотя бы там, где это работает, а остальные браузеры подтягивать по ходу улучшения ситуации.

[@kolegich]

Помнится, для изменения прозрачности, до jQuery, надо было коду побольше написать, строк 15. И ничего, пользовались.

[@dizer]

самое очевидное применение — в терминалах в режиме киоска и на всяких системных мониторах. И там и там полный контроль над софтом. Так что кому-то точно пригодится уже сегодня.

[@aleks_raiden]

Проблема, насколько я помню, когда пробовал — в поддержке клавиатурного ввода в таком режиме :(

[@furyk]

На фейсбуке уже полгода можно фотки в фуллскрине смотреть.

[@Serzhenko]

И ВКонтакте примерно с сентября 2012 можно.

[@metalim]

Охренеть!
Два года прошло, а API всё ещё с префиксами. 8-(

[@oe24]

Хотелось бы увидеть какой-нибудь живой примерчик.

[@lacki]

lab.hakim.se/reveal-js/#/ и нажмите F

[@kolegich]

Презентации на гуглодоке

[@KREGI]

Добавил в пост.
Пример:
examples.it-kregi.ru/fullscreen-api/
Исходники:
examples.it-kregi.ru/fullscreen-api/example_Fullscreen_API.rar

[@XaocCPS]

ie.microsoft.com/testdrive/HTML5/Fullscreen/Default.html

[@BR0kEN]

Одним из лучших стало Fullscreen API

Да ну? И чем же оно лучше той же indexed db, web sql, notifications api, session- или localstorage или, хотя-бы, тех же data-* атрибутов?

Так что, по-моему, данное API претендует на статус самого незначительного.

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

[@KREGI]

Перегнул чуток, но штука полезная, как и все что принес нам HTML5.
P.s. Поправлю текстовку =)

[@disinvis]

>В настоящее время Internet Explorer и Opera не поддерживают это API.
Классическая Опера на Presto развиваться больше не будет, а Opera 15 Next, судя по всему, уже поддерживает Fullscreen API. Кстати, в отличии от Notification API.

[@KREGI]

Проверил в Opera Next, поддержка есть, но фон она цветом мне поменяла…

[@termi]

>В настоящее время Internet Explorer и Opera не поддерживают это API.
В Opera поддерживает с версии 12.10. При этом, поддерживается по стандарту, в разработке которого участвовала и в который вы наверное даже не заглядывали, иначе бы знали, что функция cancelFullScreen сейчас называется exitFullscreen, а свойство fullScreen — fullscreenEnabled.
И могли бы дать ссылку на полифил, который действительно позволит использовать это API уже сейчас

[@prudis]

Блин, 2013 год на дворе, придумали новую фичу, и все равно суют свои префиксы. Это вообще как-то можно объяснить? Зачем префиксы?

[@bolk]

Конечно можно, вы что, раньше думали, что префиксы нужны только потому что на дворе был не 2013-й? Они нужны из-за того, что спецификация меняется и свойства могут в будущем работать по-другому, а в свойстве с префиксом можно оставить старое поведение.

[@XaocCPS]

>>В настоящее время Internet Explorer не поддерживает это API.

Internet Explorer 11 поддерживает Fullscreen API

Протестировать этот API можно на специальной страничке с тестом от разработчиков IE
ie.microsoft.com/testdrive/HTML5/Fullscreen/Default.html

[@KREGI]

Исправил, спасибо

[@ssneg]

Простите, а чем это отличается от нажатия F11, с т.з. пользователя?

[@KREGI]

можно назначить не только на нажатие кнопки полноэкранный режим. Например при нажатии на воспроизведение видео, можно включить браузер в полноэкранный режим, без участия пользователя. Так же, например, автоматическое включение полноэкранного режима в какой нибудь игре… в общем на что фантазии хватит. Главное что можно включать полноэкранный режим без участия пользователя (без F11), т.е. программными средствами и без флеша (как было раньше)…

[@bolk]

Зачем так писать? Страшненький код какой-то.

function fullScreen(element) {
  if(element.requestFullscreen) {
    element.requestFullscreen();
  } else if(element.webkitrequestFullscreen) {
    element.webkitRequestFullscreen();
  } else if(element.mozRequestFullscreen) {
    element.mozRequestFullScreen();
  }
}

Можно же так:

function (o) {
    try {
        (o.requestFullscreen || o.webkitrequestFullscreen || mozRequestFullscreen)();
    } catch(e) {}
}

[@KREGI]

для наглядности.

[@alex_blank]

можно и без try/catch

(o.requestFullscreen ||… || function () {}) ()

[@rekzi]

Библиотечка — screenfull.js

[@webMarshal]

function fullScreenCancel() {
  if(document.requestFullscreen) {
    document.requestFullscreen();
  } else if(document.webkitRequestFullscreen ) {
    document.webkitRequestFullscreen();
  } else if(document.mozRequestFullscreen) {
    document.mozRequestFullScreen();
  }
}

Метод fullScreenCancel делает requestFullscreen?

[@KREGI]

Да, с реализацией для разных браузеров.

[@webMarshal]

Вы не заметили что реализация метода перехода в fullscreen а не ухода с него?

[@KREGI]

Да, ошибочка получается, надо cancelFullScreen()