Programmatisch stellen Sie Google Chrome in den Vollbild-Modus mit Javascript?

War ich auf youtube vor kurzem, als ich klickte auf den fullscreen button vom youtube-video und eine Nachricht erschien am oberen Rand des Bildschirms zu sagen, dass ich in den Vollbild-Modus. Diese Nachricht wurde in der einheitlichen Meldung bekommst du beim drücken der f-11 auf Ihrer Tastatur. Außerdem Las ich irgendwo etwas(das ich jetzt nicht finden kann) sagen, dass es nun möglich ist dies mit Javascript.

Frage

Wie würde ich die Benutzer-browser(Google Chrome) in Vollbild, auf Befehl? ohne eine Verlängerung müssten Sie zum download vor, oder etwas in der Natur.

Ich bin mit jQuery so, dass wäre am besten, aber ich kann nicht herausfinden, wie es überhaupt zu tun.

EDIT: ich habe gesehen, andere Fragen dieser Art, aber Sie wurden gebeten, vor langer Zeit, und ich glaube, diese Funktion ist Recht neu.

  • Hast du einen link zu dem YouTube-video, das dies tut? Sind Sie sicher, es war nicht Flash?
  • Ist dies nicht der fullscreen-mode aus flash?
  • mögliche Duplikate von gibt es einen Weg, um HTML5-video in den Vollbildmodus?
  • Diese Frage hat nicht genug jQuery in es.
  • Ich bekomme unterschiedliche Meldungen mit fullscreen von youtube als ich vom F11
  • Sie können auch diese Technik getan in Google Docs anzeigen, indem Sie ein Dokument und drücken Sie die Vollbild-Taste, ist es definitiv nicht getan, im flash.

InformationsquelleAutor android.nick | 2011-11-04
  1. 10

    Hier ist gutes Artikel: Native Fullscreen JavaScript API . Es beschreibt alle drei Methoden: webkit, firefox und W3-Vorschlag.

    //mozilla proposal
element.requestFullScreen();
document.cancelFullScreen(); 

//Webkit (works in Safari and Chrome Canary)
element.webkitRequestFullScreen(); 
document.webkitCancelFullScreen(); 

//Firefox (works in nightly)
element.mozRequestFullScreen();
document.mozCancelFullScreen(); 

//W3C Proposal
element.requestFullscreen();
document.exitFullscreen();
    InformationsquelleAutor Lycha
  2. 1

    Versuchen diese Funktionen, Sie erscheinen in der Muttersprache:

    void webkitRequestFullScreen();
void webkitRequestFullScreenWithKeys();
void webkitCancelFullScreen(); //only on Document
    InformationsquelleAutor Marc DiMillo
  3. 1

    Die API ist immer noch sehr stark im Fluss, vor allem, da die W3C trat in dieser Woche. Ich verbrachte einige Zeit arbeiten, durch die Unterschiede zu implementieren Vollbild in MediaElement.js HTML5-video-player, und seine arbeiten groß in Safari 5.1+, Chrome 15+, Firefox Nightly.

    InformationsquelleAutor Rack-Mount Monitor
Schreibe einen Kommentar