2013-10-14 5 views
17

Wie öffne ich eine Webseite automatisch im Vollbildmodus?So öffnen Sie eine Webseite automatisch im Vollbildmodus

Ich suche nach einer Lösung, um eine Webseite automatisch im Vollbildmodus zu öffnen, ohne zu erwarten, dass der Benutzer F11 oder einen anderen browserspezifischen Schlüssel drückt.

Ich habe viel gesucht, aber ich konnte einfach keine Lösung finden.

Gibt es eine Skript- oder Bibliotheks- oder Browser-spezifische API, die mir dabei hilft, dies zu erreichen?

+0

möglich duplicate von [Gibt es eine Möglichkeit, HTML5-Video Vollbild zu machen?] (Http://stackoverflow.com/questions/1055214/is-there-a-way-to-make-html5-video-fullscreen). Auch wenn die Frage selbst kein Duplikat zu diesem ist, würde die akzeptierte Antwort auch hier übereinstimmen. In jedem Fall einen Blick auf die [HTML5 Vollbild-API] (http://www.sitepoint.com/html5-full-screen-api/) – feeela

+0

Eine ähnliche Frage gefunden [http://stackoverflow.com/questions/7495373/how-to-make-browser-full-screen-using-f11-schlüsselereignis-through-javascript] – Mozak

+0

möglich duplikat von [Wechseln zwischen normalem und bildschirmfüllendem Modus] (http://stackoverflow.com/questions/11436376/Schalter-Fenster-zwischen Normal- und Vollbild-Modus) – JJJ

Antwort

28

Für Chrome über Chrome Fullscreen API

Beachten Sie, dass für (Chrom) aus Sicherheitsgründen kann es nicht automatisch aufgerufen oder ausgeführt werden, muss eine Interaktion zunächst vom Benutzer sein. (wie Schaltfläche klicken, keydown/keypress usw.)

addEventListener("click", function() { 
    var 
      el = document.documentElement 
     , rfs = 
       el.requestFullScreen 
      || el.webkitRequestFullScreen 
      || el.mozRequestFullScreen 
    ; 
    rfs.call(el); 
}); 

Javascript Vollbild-API als demo ‚durch David Walsh d, die eine Cross-Browser-Lösung, um zu versuchen

// Find the right method, call on correct element 
function launchFullScreen(element) { 
    if(element.requestFullScreen) { 
    element.requestFullScreen(); 
    } else if(element.mozRequestFullScreen) { 
    element.mozRequestFullScreen(); 
    } else if(element.webkitRequestFullScreen) { 
    element.webkitRequestFullScreen(); 
    } 
} 

// Launch fullscreen for browsers that support it! 
launchFullScreen(document.documentElement); // the whole page 
launchFullScreen(document.getElementById("videoElement")); // any individual element 
+0

dies funktioniert nicht für mich, ich denke, ich muss wahrscheinlich implementiert haben zu Unrecht. Ich werde zusätzliche Anleitung schätzen. – Edwinfad

1

funktioniert nur im IE:

window.open ("mapage.html","","fullscreen=yes"); 
window.open('','_parent',''); 
window.close(); 
1

Es ist besser zu sein scheint simulieren Sie einen Webbrowser selbst. Sie müssen nicht bei Chrome oder IE bleiben oder sonst etwas.

Wenn Sie Python verwenden, können Sie das Paket pyQt4 ausprobieren, mit dem Sie einen Webbrowser simulieren können. Dadurch wird es keine Sicherheitsgründe geben und Sie können den Webbrowser so einstellen, dass er automatisch im Vollbildmodus angezeigt wird.