Programowo umieścić Google Chrome w trybie pełnoekranowym za pomocą JavaScript?

Question

Niedawno byłem na youtube, gdy kliknąłem przycisk pełnoekranowy obok filmu youtube, a na górze ekranu pojawiła się wiadomość, że zostałem przeniesiony do trybu pełnoekranowego. Ta wiadomość była natywną wiadomością, którą otrzymałeś po naciśnięciu klawisza f-11 na klawiaturze. Czytałem też gdzieś (że nie mogę tego teraz znaleźć) mówiąc, że teraz jest to możliwe z Javascriptem.

Pytanie

Jak chciałbym umieścić przeglądarkę użytkowników (Google Chrome) w trybie pełnoekranowym, na komendę? - bez rozszerzenia będą musieli pobrać wcześniej lub coś podobnego.

Używam jQuery, więc byłoby najlepiej, ale nie mogę w ogóle znaleźć sposobu.

EDYCJA: Widziałem inne pytania tego rodzaju, ale zostały one zadane dawno temu i uważam, że ta funkcjonalność jest całkiem nowa.

Answer 1

Oto dobry artykuł: Native Fullscreen JavaScript API. Opisuje wszystkie trzy metody: webkit, firefox i propozycję W3.

// 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(); 

Answer 2

Wypróbuj te funkcje, wydają się być natywny:

void webkitRequestFullScreen(); 
void webkitRequestFullScreenWithKeys(); 
void webkitCancelFullScreen(); // only on Document 

Answer 3

Interfejs API wciąż podlega znacznym zmianom, zwłaszcza, że ​​W3C dołączył w tym tygodniu. Spędziłem trochę czasu, pracując nad różnicami, aby zaimplementować pełny ekran w odtwarzaczu filmów MediaElement.js HTML5 i jego działanie w Safari 5.1+, Chrome 15+ lub Firefox Nightly.