2013-12-11 482 views
4

即使將其標記爲重複,也請考慮在此回答此問題,因爲某些原因,我無法使其與其他解決方案一起使用,儘管我試圖尋求幫助沒有人回覆...使頁面加載時使谷歌瀏覽器全屏顯示

我真正想要的是$(document).ready(function(){browser goes fullscreen}),但不幸的是它不工作,我急於嘗試在網上找到解決方案,因爲沒有任何工作似乎!我有我的主要PHP文件(console.log工程)插入js文件,但它不會加載全屏無論代碼行...

如果您可以提供一個解決方案,在所有瀏覽器和鑰匙激活我會真的,非常感激。否則,我會鄙視自己與谷歌瀏覽器的答案。非常感謝。

EDIT1:

我想這

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

下一個僅在用戶互動:

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

除其他我現在找不到,基本上我已經與他們結合$(document).ready(function(){---});但什麼也沒有發生。

+0

請提供一些代碼給我們檢查它爲什麼失敗。 – Gotschi

+2

出於安全原因,您可能會發現諸如「全屏」之類的操作只有在用戶操作(即「點擊」)的直接結果時纔可用。 –

+0

@Gotschi我目前沒有任何代碼,我已經跑過這麼多的嘗試,並且切換了一些我不知道要放在哪裏的東西,但是我會編輯這個問題,如果有幫助的話,可以試着去解決這個問題。 – user3050963

回答

5

簡短的回答是你不能。

我已經使用this code進行過測試。

在Firefox中輸出這個警告在控制檯 - 坦率地說,我期待所有瀏覽器的這種警告,但它似乎目前只有Firefox實現這一點。

Request for full-screen was denied because Element.mozRequestFullScreen() was not called from inside a short running user-generated event handler. 

正如我在我的評論說:

出於安全考慮,您可能會發現,行動如「全屏」 可能只可如果他們制定作爲一個直接結果 用戶操作即「點擊」

這是真的。 讓用戶點擊一些東西(或者採取其他用戶事件),然後調用全屏幕功能。

瀏覽器上測試(navigator.userAgent的):

  • 鉻31"5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.63 Safari/537.36"
  • 火狐25"Mozilla/5.0 (Windows NT 6.1; WOW64; rv:25.0) Gecko/20100101 Firefox/25.0"
  • IE 11"Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; InfoPath.3; rv:11.0) like Gecko"
相關問題