iPhone 대 iPad / 브라우저의 HTML5 인라인 동영상

iPhone 대 iPad / 브라우저의 HTML5 인라인 동영상

---

저는 iPad와 브라우저에서 완벽하게 작동하는 HTML5 비디오 플레이어 (매우 간단 함)를 만들었습니다.

그러나 iPhone에서 열면 재생 버튼 만 표시됩니다.이 버튼을 누르면 모든 항목 위에 새 창에서 기본 비디오 플레이어가 열립니다.

즉, 비디오가 이제 격리되어 실행되기 때문에 사용자 지정 컨트롤 및 시간 추적 (자바 스크립트로 작성)에 액세스 할 수 없습니다.

iPhone에서 HTML5 비디오에 대한 Apple의 제어를 무시하고 ipad 에서처럼 작동하도록하는 방법이 있습니까?

건배

---

권리,

나는 이것으로 아무데도 가지 않고 Apple에 버그를 제출했습니다.

몇 주 후에 그들은 나에게 매우 간단하게 "webkit-playsinline"을 HTML의 비디오 태그에 추가하고 UIWebView에 "allowsInlineMediaPlayback"속성을 추가해야한다고 말했습니다.

결국 이것은 다음과 같습니다.

HTML

<video id="player" width="480" height="320" webkit-playsinline>

Obj-C

webview.allowsInlineMediaPlayback = YES;

그리고 모든 것이 잘 작동합니다. :)

이것이 사실상 문서화되지 않았고 "webkit-playsinline"에 대한 참조를 찾을 수있는 유일한 곳이 "iAds JS 전용"이라는 iAds 참조에서 찾을 수있는 유일한 곳이므로 누군가에게 도움이되기를 바랍니다.

---

iOS Safari가 인라인 비디오 지원을 구현할 때까지 웹 지원 언어로 비디오 디코더를 작성해야합니다. 이 같은 비디오 디코더, 기존의 구현입니다 브로드 웨이 H.264 (비디오)에 대한 jsmpeg MPEG1에 대한, 그리고 ogv.js (비디오 및 사운드 지원).

비디오 디코딩 프로세스는 계산적으로 무겁습니다. 상대적으로 느린 FPS (± 20)를 예상합니다.

참고로이 사람들은 iOS 기기에서 재생할 수있는 비디오 데모 를 준비했습니다 .

---

iOS 10 이상

Apple playsinline은 iOS 10의 모든 브라우저에서 속성 을 활성화 했기 때문에 원활하게 작동합니다.

<video src="file.mp4" playsinline>

iOS 8 및 iOS 9에서

비디오를 실제로 '잉'하는 대신 스키밍 하여 재생을 시뮬레이션하여이 문제를 해결할 수 있습니다 .play().

당신이 사용할 수있는 아이폰 인라인 비디오를 재생 및 오디오 동기화 (있는 경우)를 돌봐, 그리고 그것은 계속 <video>예상대로 작동합니다.

---

만든 앱이 있습니까? 아니면 모바일 사파리 용입니까? 앱이 있고 UIWebView를 사용하는 경우 UIWebView의 allowsInlineMediaPlayback 속성을 설정해야합니다.

---

iOS 10에서 HTML5 비디오 태그에 'playsinline'속성을 추가해도 'controls'속성을 추가 할 때까지 iPhone UIWebview에서 전체 화면 재생이 차단되지 않았습니다. 이것이 내가 작동하는 방법입니다.

<video width="100%" height="240" controls playsinline>
      <source src="movie.mp4" type="video/mp4" >
</video>

물론 _webView.allowsInlineMediaPlayback=YES;ViewController에서도 마찬가지입니다.

---

몇 가지 해결 방법이 있습니다.이 기능을 자동으로 허용하는 라이브러리에서 작업 중입니다. 그러나 Apple이 사파리를

webview.allowsInlineMediaPlayback = YES;

그런 다음 동일한 동작을 위해 해킹을 사용해야합니다.

https://github.com/newshorts/InlineVideo 에서 프로젝트 를 확인하여 요구 사항을 충족하는지 확인할 수 있습니다 .

---

config.xml에 다음을 추가하십시오. <preference name="AllowInlineMediaPlayback" value="true" />그렇지 않으면 UIWebView가 webkit-playsinline 속성을 무시합니다.

---

이것을 config.xml에 추가하여 쉽게 허용 할 수 있습니다. UIWebView는 webkit-playsinline 속성을 존중해야합니다.

참고 URL : https://stackoverflow.com/questions/3699552/html5-inline-video-on-iphone-vs-ipad-browser