2011-11-04 2 views
8

YouTube 비디오에서 전체 화면 버튼을 클릭하면 전체 화면 모드로 전환되었다는 메시지가 화면 상단에 나타났습니다. 이 메시지는 키보드에서 f-11을 누를 때 나타나는 기본 메시지입니다. 나는 또한 어딘가에 (지금은 찾을 수 없다) 뭔가를 읽었는데, 이제 Javascript로 이것을 할 수 있다고 말하고있다.프로그래밍 방식으로 Google 크롬을 자바 스크립트로 전체 화면 모드로 전환 하시겠습니까?

가 어떻게 명령에 전체 화면으로 사용자의 브라우저 (구글 크롬)을 둘 것입니다 질문? - 확장 기능이 없으면 이전에 다운로드 할 필요가 있거나 그 자연의 어떤 것도 다운로드해야합니다.

jQuery를 사용하면 가장 좋을 것입니다.하지만 어떻게해야하는지 전혀 알 수 없습니다.

편집 : 나는이 성질의 다른 질문을 보았지만 오랜 시간 전에 질문을 받았으며이 기능은 상당히 새로운 것이라고 생각합니다.

+0

이 작업을 수행하는 YouTube 비디오에 대한 링크가 있습니까? 플래시가 아니 었습니까? –

+0

플래시의 전체 화면 모드가 아닙니까? – HerrSerker

+0

가능한 복제본 [HTML5 비디오를 전체 화면으로 만들 수있는 방법이 있습니까?] (http://stackoverflow.com/questions/1055214/is-there-a-way-to-make-html5-video-fullscreen) –

답변

10

는 좋은 기사입니다 : Native Fullscreen JavaScript API. 웹킷, 파이어 폭스, W3 제안의 세 가지 방법을 모두 설명합니다.

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

은 기본 것으로 보인다 이러한 기능을 시도해보십시오

여기
void webkitRequestFullScreen(); 
void webkitRequestFullScreenWithKeys(); 
void webkitCancelFullScreen(); // only on Document 
1

API는 특히 W3C가 이번 주에 참가한 이후로 여전히 유동적입니다. 차이점을 통해 MediaElement.js HTML5 비디오 플레이어에서 전체 화면을 구현하는 데 시간을 할애하여 Safari 5.1 이상, Chrome 15 이상 또는 Firefox Nightly에서 잘 작동합니다.

관련 문제