funktioniert nicht FullScreen API in Safari

Question

Ich habe Taste, die Fullscreen-Effekt machen. Es funktioniert in jedem Browser außer Safari.

Ich versuche diesen Code, aber es hatte keine Wirkung. Was könnte das Problem sein?

document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT); 

document.documentElement.webkitRequestFullScreen(); 

document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT); 

Ganzer Code aussieht wie diese http://jsfiddle.net/8yryvoee/1/ es funktioniert nicht in jsfiled, aber es Projekt arbeitet auf

Reagieren

Answer 1

ich zur Zeit bin auf der Suche Safari machen 5.1 ordnungsgemäß beenden (nicht testen, wie lange Der Original-Exit funktioniert für etwas neuere Versionen, da OS X mit einer viel moderneren Version ausgeliefert wird. Sie können jedoch meinen Code ausprobieren. Ich hänge meinen Mac an diesem Samstag ein (unser Zeitzonenunterschied kann mehr als 12 Stunden betragen, wenn Sie östlich von GMT sind) und ich werde eine Notiz machen, um meinen Code/meine Antwort hier zu aktualisieren.

Browser sind wirklich pingelig wie Sie Vollbild eingeben, meist von einem Event-Handler sie es, dass so habe ich eingeschlossen, um laichen wollen. Unten ist reiner JavaScript-Code, daher sollte es keine Framework-/Bibliotheksanforderungen geben. Sie haben nicht erwähnt, welche Version von Safari und ich derzeit nur ein Paar effektiv testen können.

function $(o) {var r = false; if (document.querySelectorAll) {r = document.querySelectorAll(o);} return r;} 


function editor_fullscreen(e) 
{ 
e.preventDefault(); 

if (document.fullscreen) 
{ 
    if (document.exitFullscreen) {document.exitFullscreen();} 
    else if (document.mozCancelFullScreen) {document.mozCancelFullScreen();} 
    else if (document.webkitExitFullscreen) {document.webkitExitFullscreen();} 
    else if (document.webkitCancelFullScreen) {document.webkitCancelFullScreen();} 
    else if (document.msExitFullscreen) {document.msExitFullscreen();} 
} 
else 
{ 
    if ($('.editor_fullscreen')[0].requestFullscreen) {$('.editor_fullscreen')[0].requestFullscreen();} 
    else if ($('.editor_fullscreen')[0].mozRequestFullScreen) {$('.editor_fullscreen')[0].mozRequestFullScreen();} 
    else if ($('.editor_fullscreen')[0].webkitRequestFullScreen) {$('.editor_fullscreen')[0].webkitRequestFullScreen();} 
    else if ($('.editor_fullscreen')[0].msRequestFullscreen) {$('.editor_fullscreen')[0].msRequestFullscreen();} 
    else if (e.target.msRequestFullScreen) {alert('e.targe.parent.parent.parent.parent....');} 
    else {console.log('DEveloper: full screen support is not detected; check method letter casing?');} 
} 
} 


window.onclick = function(e) 
{ 
$('.fullscreen')[0].onclick = function(e) {editor_fullscreen(e);} 
}