iOS 를 기준으로 설명 드리겠습니다.
video 태그를 통해 동영상을 보면 무비 플레이어로 넘어가서 동영상이 재생됩니다.
video 태그에 webkit-playsinline 이라는 것이 있고 이걸 사용하면 해당 위치에서 실행되도록 한다고 합니다.
때문에 video 태그를 다음과 같이 한다면
<video width="320" height="240" controls="controls" webkit-playsinline>
Your browser does not support the video tag.
</video>
보시는 것처럼 controls 뒤에 webkit-playsinline 을 추가했는데요.
이렇게 하더라도 webview 에서는 여전히 무비 플레이어로 넘어갑니다.
왜냐하면, iOS UIWebview 의 프로퍼티에는 allowsInlineMediaPlayback 이라는 것이 있고,
기본값이 NO 로 되어 있어 webkit-playsinline 이 작동하지를 않는 것입니다.
때문에 해당 값을 YES로 설정해줄 플러그인을 만드실 필요가 있습니다.
플러그인 프로젝트의 activate: 부분에 다음의 한줄만 추가 하시면 됩니다.
[[_runtimeContext getWebView]setAllowsInlineMediaPlayback:YES];
해당 플러그인 프로젝트를 앱 프로젝트에 추가하시고
빌드 하시면 현재 페이지에서 동영상이 재생되는 것을 보실 수 있습니다.