2013-10-02 6 views
1

내 프로젝트에는 비디오 요소가있는 WebBrowser 컨트롤이 있고이를 누르면 비디오 요소가 전체 화면 모드로 전환되는 단추를 삽입하고 싶습니다. WebBrowser 컨트롤 비디오 요소가 전체 화면으로 입력

나는이 코드를 시도 :

var video = document.getElementById('video'); 

if (video.requestFullscreen) { 
    video.requestFullscreen(); 
} else if (video.mozRequestFullScreen) { 
    video.mozRequestFullScreen(); 
} else if (video.webkitRequestFullscreen) { 
    video.webkitRequestFullscreen(); 
} 

을 그리고 그것은 작동하지 않습니다. 일부 기사에서 IE 브라우저에서는 비디오 요소를 전체 화면으로 만들 수 없다고 읽었습니다. 이 문제가 수정 되었습니까? 내가 뭐 잘못 했어요?

답변

1

MSDN에 따르면 OnFullScreen 이벤트를 처리하고 FullScreen 속성을 WebBrowser 컨트롤로 추적 할 수 있어야합니다. access the underlying ActiveX object for that이 필요합니다. 나는 FullScreen/OnFullScreen 자신을 시도하지 않았습니다.

[업데이트]를 전체 화면 모드가 <video> 요소의 기본 UI를 통해 입력 할 때 불행하게도, OnFullScreenWebBrowser 해고되지 않습니다, 난 그냥 것을 확인했습니다. IE <video> 요소의 The object model에는 전체 화면 모드와 관련된 메소드/속성/이벤트가없는 것 같습니다. 따라서 <video> 요소의 프로그래밍 방식 크기 조정이 가장 좋은 옵션 일 수 있습니다.

+0

[This] (https://msdn.microsoft.com/en-us/library/aa768338(v=vs.85).aspx)에 따르면 WebBrowser 개체는 OnFullScreen 이벤트를 무시합니다. –

1

뷰포트의 너비와 높이를 읽고 비디오 컨트롤 너비와 높이를 같은 값으로 설정할 수 있습니다. 적절한 전체 화면으로 이동하지는 않지만 브라우저의 공간을 가득 채울 것입니다.

+0

+1, IE 'WebBrowser'를 사용하면 더 좋은 방법이없는 것처럼 보입니다. – Noseratio