JSFiddle에서 전체 화면 API를 사용할 수 있습니까?

다음 JSFiddle, http://jsfiddle.net/brantolsen/ejUWt/ 있습니다. Fullscreen API를 사용하여 본문을 클릭 할 때마다 전체 화면에서 전체 화면이 아닌 화면으로 변경하는 간단한 작업을 수행 합니다 . 모든 내용이 로컬 웹 페이지에 복사 될 때 올바르게 작동하며 여기 에있는 설명서 에 따라 정확 합니다 . 그러나 JSFiddle에서는 아무 일도 일어나지 않습니다.

JSFiddle의 예제 코드를 전체 화면으로 만들 수 있습니까?

결과를 전체 화면으로 보는 것이 아니라 Javascript 전체 화면 명령이 작동하는 것을 의미합니다.

다음과 같이 결과를 전체 화면으로 봅니다.

http://jsfiddle.net/brantolsen/ejUWt/embedded/result/

상단의 공유 버튼을 클릭하십시오.

업데이트 : "공유"버튼이 더 이상 표시되지 않습니다. embedded/result/Fiddle의 URL 끝에 수동으로 추가하여 전체 화면을 표시 할 수 있습니다

http://fiddle.jshell.net/your-fiddle-id/show/light/예를 들어이 바이올린 URL을 사용하십시오 . 프레임없이 열 수 있습니다.

Chrome을 가지고 놀고 요소를 조사한 후 이유를 찾았습니다. 결과 코드는 전체 화면 명령을 허용하지 않는 iframe 안에 배치됩니다.

나는 일시적으로 추가하여이 문제를 해결할 수 있었다 mozallowfullscreen과 webkitallowfullscreen에서 발견 https://developer.mozilla.org/en/HTML/Element/iframe 불을 지르고와 크롬의 디버그 도구의 사용을 통해 iframe을에.

그러나 JSFiddle은 iframe현재 코드가 랩핑되는 것을 사용자 정의 할 수있는 것처럼 보이지 않습니다 .

스레드에 대한 다른 응답자가 iframe (크로스 도메인) 문제를보고 질문을 무시했다고 생각합니다.

또 다른 멋진 JSFiddle 사용자 인 Jennifer Perrin은 "jQuery로 현재 페이지 URL 및 제목 가져 오기 " 게시물에서 귀하의 질문의 절반 이상을 답변했습니다 .

당신이해야 할 일은 반환 된 URL에 논리를 적용 http://jsfiddle.net/[userid]/[postid]/embedded/result/하고 앵커 의 기능 링크로 만들어서 전체 화면을 전환하는 href를 변경하는 것입니다.