Полноэкранный API Chrome

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

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

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

Ответы

Ответ 1

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

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

    rfs.call(el);
});

Ответ 2

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

Рекомендуемое чтение:

Ответ 3

Вот некоторые функции, которые я создал для работы с полноэкранным браузером.

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

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);
}