以編程方式將Google Chrome變成全屏模式並使用Javascript？

我最近在YouTube上點擊YouTube視頻的全屏按鈕，並在屏幕頂部顯示一條消息，說我已進入全屏模式。此消息是您在鍵盤上按f-11時獲得的本機消息。我還在某處閱讀了某些內容（我現在找不到），現在可以使用Javascript來完成此操作。以編程方式將Google Chrome變成全屏模式並使用Javascript？

問題

我將如何把用戶的瀏覽器（谷歌瀏覽器）進入全屏模式，在命令？ - 如果沒有擴展名，他們需要事先下載，或者其他任何性質的內容。

我正在使用jQuery，所以這將是最好的，但我找不到如何做到這一點。

編輯：我見過這種性質的其他問題，但很久以前他們被問及，我相信這個功能是相當新的。

來源

2011-11-04 android.nick

你有鏈接到這樣做的YouTube視頻嗎？你確定它不是Flash嗎？ –

這不是閃光燈的全屏模式嗎？ – HerrSerker

可能的重複[有沒有辦法使HTML5視頻全屏？]（http://stackoverflow.com/questions/1055214/is-there-a-way-to-make-html5-video-fullscreen） –

這裏是很好的文章：Native Fullscreen JavaScript API。它描述了所有三種方法：webkit，firefox和W3-proposal。

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

來源

2011-11-04 21:43:32 Lycha

嘗試這些功能，他們似乎是天然的：

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

來源

2011-11-04 21:38:40

自從W3C在本週加入以來，API仍然在不斷變化。我花了一些時間研究MediaElement.js HTML5視頻播放器中的全屏功能，並且在Safari 5.1+，Chrome 15+或Firefox Nightly中都表現出色。

來源

2012-02-23 11:45:22

以編程方式將Google Chrome變成全屏模式並使用Javascript？

回答

相關問題