javascript html5 - Chrome-Vollbild-API




3 Answers

Die API funktioniert nur während der Benutzerinteraktion, sodass sie nicht böswillig verwendet werden kann. Probieren Sie den folgenden Code aus:

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

    rfs.call(el);
});
fullscreen demo

Laut diesem Artikel verfügt Google Chrome 15 über eine Vollbild-JavaScript-API.

Ich habe versucht, es zum Laufen zu bringen, aber es ist gescheitert. Ich habe auch vergeblich nach offizieller Dokumentation gesucht.

Wie sieht die Vollbild-JavaScript-API aus?




Hier sind einige Funktionen, die ich für die Arbeit mit Vollbild im Browser erstellt habe.

Sie bieten beide Vollbildeingabe / -abgang über die meisten gängigen Browser.

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






Related

javascript google-chrome fullscreen