Safari의 FullScreen API가 작동하지 않습니다.

Question

나는 전체 화면 효과를 만드는 버튼이 있습니다. Safari를 제외한 모든 브라우저에서 작동합니다.

이 코드를 사용해도 효과는 없습니다. 무엇이 문제 일 수 있습니까? 이 http://jsfiddle.net/8yryvoee/1/ 같은

document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT); 

document.documentElement.webkitRequestFullScreen(); 

document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT); 

전체 코드 모양이 jsfiled,하지만 난 현재 제대로 시간을보고 테스트 할 수 없습니다 (종료 사파리 5.1을 찾고 있어요

Answer 1

반응에 프로젝트에서 작동에 나던 작업 원래 코드는 OS X가 훨씬 더 최신 버전을 제공함에 따라 조금 더 새 버전으로 작동합니다.) 제 코드를 사용해 볼 수도 있습니다. 이번 주 토요일에 Mac을 접하게 될 것입니다. (그리니치 표준시와 동등한 경우 시간대 차이는 12 시간 이상이 될 수 있습니다) 여기에서 내 코드/응답을 업데이트하는 메모를 작성하겠습니다.

브라우저는 대부분 그들이 그렇게 나는 그것을 포함 한 이벤트 핸들러에서 산란 할 방법 당신은 전체 화면을 입력 정말 까다 롭고에 대한 있습니다. 아래는 순수한 JavaScript 코드이므로 프레임 워크/라이브러리 요구 사항이 없어야합니다. Safari의 버전을 언급하지 않았고 현재 한 쌍만 효과적으로 테스트 할 수 있습니다.

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);} 
}