Chrome Fullscreen API

по данным в этой статье Google Chrome 15 имеет полноэкранный JavaScript API.

Я пытался заставить его работать, но не удалось. Я также тщетно искал официальную документацию.

Как выглядит полноэкранный JavaScript API?

5 64
javascript google-chrome fullscreen

5 ответов:

API работает только во время взаимодействия с пользователем, поэтому его нельзя использовать злонамеренно. Попробуйте следующий код:

addEventListener("click", function() {
    var el = document.documentElement,
      rfs = el.requestFullscreen
        || el.webkitRequestFullScreen
        || el.mozRequestFullScreen
        || el.msRequestFullscreen 
    ;

    rfs.call(el);
});
131

Я сделал простую оболочку для полноэкранного API, называется несколько экранов.js, чтобы сгладить префикс беспорядок и исправить некоторые несоответствия в различных реализациях. Проверьте демо чтобы увидеть, как работает полноэкранный API.

рекомендуемое значение:

32

вот некоторые функции, которые я создал для работы с Fullscreen в браузере.

они обеспечивают оба входа/выхода полноэкранный режим в большинстве основных браузеров.

function isFullScreen()
{
    return (document.fullScreenElement && document.fullScreenElement !== null)
         || document.mozFullScreen
         || document.webkitIsFullScreen;
}


function requestFullScreen(element)
{
    if (element.requestFullscreen)
        element.requestFullscreen();
    else if (element.msRequestFullscreen)
        element.msRequestFullscreen();
    else if (element.mozRequestFullScreen)
        element.mozRequestFullScreen();
    else if (element.webkitRequestFullscreen)
        element.webkitRequestFullscreen();
}

function exitFullScreen()
{
    if (document.exitFullscreen)
        document.exitFullscreen();
    else if (document.msExitFullscreen)
        document.msExitFullscreen();
    else if (document.mozCancelFullScreen)
        document.mozCancelFullScreen();
    else if (document.webkitExitFullscreen)
        document.webkitExitFullscreen();
}

function toggleFullScreen(element)
{
    if (isFullScreen())
        exitFullScreen();
    else
        requestFullScreen(element || document.documentElement);
}
13

следующий тест работает в Chrome 16 (dev branch) на X86 и Chrome 15 на Mac OSX Lion

http://html5-demos.appspot.com/static/fullscreen.html

6

в проекте библиотеки закрытия Google есть модуль , который выполняет эту работу, ниже приведен API и исходный код.

закрытие библиотеки полноэкранный.С. API

закрытие libray полноэкранный режим.JS-код

0