HTML5 플레이어에 사용자 정의 CSS를 추가 한 비디오 애플리케이션이 있습니다. Windows 탐색기에서 모두 최소화되고 최대화 된 모드로 작동합니다. 그러나 Ipad 전체 화면의 경우 HTML5가 표시되지 않고 네이티브 플레이어가 재생됩니다.UIWebView를 사용하여 Ipad 전체 화면에서 html5 플레이어를 재생하는 방법
어떻게하면 HTML5 플레이어를 기본 플레이어 대신 Ipad 전체 화면 모드로 재생할 수 있습니까? allowsInlineMediaPlayback 속성을 YES로 설정하여 UIWebView에서만 Enabled로 설정되어 있으면 알게되었습니다. HTML5 플레이어를 표시 할 수 있습니다. 그러나 UIWebView는 무엇이며 어떻게 사용할 수 있습니까?
어떤 종류의 도움이라도 대단히 감사합니다. 도움을 청하십시오.
UIWebView는 기본 코드 또는 Phonegap과 같은 기술로 웹 언어를 사용하는 응용 프로그램 (App Store) 개발을 나타냅니다. 응용 프로그램에서 웹 페이지를 렌더링 할 수있게 해주는 구성 요소입니다.
Apple은 Safari iOS에서 HTML5 비디오를 볼 때 iPad/iPhone에서 기본 전체 화면 기능을 제어 할 수 없습니다. 전체 화면 일 때 기본 퀵타임 플레이어에서 재생됩니다. 그것은 here이라고 명시되어 있습니다.
allowsInlineMediaPlayback은 UIWebView에서 HTML5 비디오 태그 속성으로 사용되어 비디오를 인라인으로 (즉, 윈도우 모드로) 재생하고 iPhone/iPod에서 비디오를 볼 때 기본 전체 화면 플레이어가 자동으로 전환되지 않도록합니다.
당신이 원하는 것을 얻으려면이 용도로 앱을 만들거나 HTML5의 브라우저 기반 비디오 디스플레이를 고수하고 싶다면 iPad에서 전체 화면을 에뮬레이션 할 수 있습니다 (그리고 iPad 만 - iPhone/iPod에서는 작동하지 않습니다) . 이를 위해서는 own custom controls을 개발하고 비디오 태그 CSS의 크기를보기 포트의 전체 너비와 높이로 확장해야합니다.
다소 까다 롭습니다 만 여기에서 읽을 수 있습니다 - 의사 전체 화면 - 부분은 start입니다. 예를 들어 IE9와 10은 HTML5 비디오의 기본 전체 화면을 지원하지 않으므로이 방법을 구현해야합니다. 이 의사 전체 화면 각도 네이티브 전체 화면 접근 방식을 우회 할 수있는 아이 패드 당신을 위해
.fullscreen{
position:fixed;
z-index:1000;
left:0; right:0; top:0; bottom:0;
width:100%;
height:100%;
background:#000000;
overflow:hidden;
}
:
나는 개인적으로 같은 약간 다른 것을 사용합니다. 브라우저에서 기본 전체 화면 기능을 감지하는 방법에 대해서는 here을 읽어 볼 수도 있습니다.