Имитация F11 с помощью JavaScript - PullRequest
6 голосов
/ 22 июня 2010

Как я могу имитировать F11 (в полноэкранном режиме, не максимизировать окно браузера) как со вспышкой http://www.broculos.net/files/articles/FullscreenFlash/flashFullscreen.html?

во вспышке: fscommand("fullscreen", true )

permadi.com/tutorial/flash9FullScreen/index.html

Спасибо

Обновление

Я нашел это:

var docElm = document.documentElement;

if (docElm.requestFullscreen) {
    docElm.requestFullscreen();
} else if (docElm.mozRequestFullScreen) {
    docElm.mozRequestFullScreen();
} else if (docElm.webkitRequestFullScreen) {
    docElm.webkitRequestFullScreen();
}

/* Exiting the full screen => showing the FULL SCREEN button */
if (docElm.requestFullscreen) {
    document.addEventListener("fullscreenchange", function () {
        if(!document.fullscreen) {
            // Do something
        }
    }, false);
} else  if (docElm.mozRequestFullScreen) {
    document.addEventListener("mozfullscreenchange", function () {
        if(!document.mozFullScreen) {
            // Do something
        }
    }, false);
} else if (docElm.webkitRequestFullScreen) {
    document.addEventListener("webkitfullscreenchange", function () {
        if(!document.webkitIsFullScreen) {
            // Do something
        }
    }, false);
}

это работает только (из увиденного) только по нажатию кнопки. Не могу сделать это при загрузке страницы

Ответы [ 2 ]

2 голосов
/ 22 июня 2010

Это невозможно с JavaScript.Он был предложен для API видео HTML5, но позже был удален .

0 голосов
/ 11 сентября 2014

Существует очень простое руководство по Mozilla:

Обратите внимание, что на данный момент это "экспериментальная технология".

function requestFullScreen(elt) {
    console.log("Requesting fullscreen for", elt);
    if (elt.requestFullscreen) {
        elt.requestFullscreen();
    } else if (elt.msRequestFullscreen) {
        elt.msRequestFullscreen();
    } else if (elt.mozRequestFullScreen) {
        elt.mozRequestFullScreen();
    } else if (elt.webkitRequestFullscreen) {
        elt.webkitRequestFullscreen();
    } else {
        console.error("Fullscreen not available");
    }
}

Мне удалось успешно проверить это с элементами div, video и canvas.Вот код в jsfiddle - http://jsfiddle.net/luken/001834wn/ - но обратите внимание, что он фактически не работает в jsfiddle по некоторым причинам.

...